*{box-sizing:border-box}body{margin:0;background:#f3f8fa;color:#153f51;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:#e9f9fd}.auth-art{position:relative;padding:8vh 8vw;color:#fff;overflow:hidden;background:radial-gradient(circle at 70% 30%,#31d9db 0,transparent 30%),linear-gradient(145deg,#007cc9,#004a86);display:flex;flex-direction:column;justify-content:space-between}.auth-art>img{width:210px;background:#fff;border-radius:20px;padding:6px 14px}.auth-art h1{margin:0 0 22px;font-size:clamp(52px,6vw,88px);line-height:.95;letter-spacing:-.06em}.auth-art p{max-width:530px;font-size:17px;line-height:1.75;color:#d8f8ff}.water-orb{position:absolute;border-radius:48%;background:#75f7ec22;width:45vw;height:45vw;right:-20vw;bottom:-23vw;animation:spin 18s linear infinite}.auth-side{display:grid;place-items:center}.auth-card{width:min(440px,82%);background:#fff;padding:42px;border-radius:28px;box-shadow:0 35px 80px #00558120}.auth-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#def8ff;color:#007bc2;font-size:28px}.auth-card h2{font-size:32px;letter-spacing:-.04em;margin:10px 0}.auth-card>p:not(.kicker){color:#6d8792;line-height:1.6;margin-bottom:28px}.auth-card label,.settings label,.fields label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#426171;margin-bottom:17px}.auth-card input,.settings input,.settings textarea,.fields input,.fields textarea,.fields select,.upload input{width:100%;border:1px solid #d8eaf0;background:#f8fcfd;border-radius:12px;padding:13px 14px;outline:0;color:#123e53}.auth-card input:focus,.settings input:focus,.fields input:focus,.fields textarea:focus,.fields select:focus{border-color:#28b9d2;box-shadow:0 0 0 3px #62dcec1d}.auth-card .check{flex-direction:row;align-items:center}.auth-card .check input{width:auto}.auth-card>.primary{width:100%;margin:5px 0 19px}.auth-card>a{display:block;text-align:center;font-size:12px;color:#67818d}.kicker{margin:22px 0 0;font-size:10px!important;letter-spacing:.22em;font-weight:900;color:#0089c6!important}.primary{border:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#008acb,#0063a7);color:#fff;padding:12px 17px;font-size:12px;font-weight:850;box-shadow:0 9px 24px #0077ae24;cursor:pointer}.error{background:#fff0f0;color:#b43333;border:1px solid #ffd0d0;border-radius:10px;padding:11px 13px;font-size:12px;margin:12px 0}.admin-shell{min-height:100vh;display:grid;grid-template-columns:258px 1fr}.admin-shell>aside{position:sticky;top:0;height:100vh;background:#073a53;color:#d9f7ff;padding:24px 17px;display:flex;flex-direction:column}.admin-logo{background:#fff;border-radius:15px;padding:6px 15px;height:62px;display:flex;align-items:center}.admin-logo img{width:150px;margin:auto}.admin-shell>aside>p{font-size:9px;letter-spacing:.25em;color:#79b7c9;margin:16px 11px 20px}.admin-shell nav{display:flex;flex-direction:column;gap:3px;overflow:auto}.admin-shell nav a{color:#a9cfdb;border-radius:10px;display:flex;align-items:center;gap:12px;padding:11px 13px;font-size:12px;font-weight:750}.admin-shell nav a:hover,.admin-shell nav a.active{color:#fff;background:#ffffff12}.admin-shell nav a.active{box-shadow:inset 3px 0 #27ddd3}.admin-shell nav span{width:18px;text-align:center}.admin-user{margin-top:auto;border-top:1px solid #ffffff18;padding-top:17px;display:flex;align-items:center;gap:10px}.admin-user>b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#21c8c5}.admin-user>div{display:flex;flex-direction:column;min-width:0}.admin-user strong{font-size:11px}.admin-user small{font-size:9px;color:#8bb8c6;max-width:125px;overflow:hidden;text-overflow:ellipsis}.admin-user form{margin-left:auto}.admin-user button{border:0;background:transparent;color:#91bbc6;font-size:20px;cursor:pointer}.admin-main{padding:36px 42px 70px;min-width:0}.admin-main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.admin-main>header .kicker{margin:0}.admin-main>header h1{margin:4px 0 0;font-size:31px;letter-spacing:-.04em}.admin-main>header>div:last-child{display:flex;align-items:center;gap:12px}.admin-main>header>div:last-child>a:not(.primary){font-size:11px;font-weight:800;color:#557784}.notice{position:fixed;right:28px;top:24px;z-index:100;background:#073a53;color:#fff;border-radius:12px;padding:13px 18px;box-shadow:0 15px 40px #00374d35;font-size:12px}.panel{background:#fff;border:1px solid #e1edf1;border-radius:18px;box-shadow:0 8px 30px #0d66810a;overflow:hidden}.panel-head{min-height:80px;padding:20px 24px;border-bottom:1px solid #e7eff2;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head h2{margin:0 0 4px;font-size:17px}.panel-head p{margin:0;color:#7b929b;font-size:11px}.data-list article{min-height:76px;padding:12px 20px;display:grid;grid-template-columns:52px minmax(160px,1fr) auto 50px auto;align-items:center;gap:14px;border-bottom:1px solid #edf3f5}.data-list article>img,.placeholder{width:48px;height:48px;border-radius:9px;object-fit:cover;background:#e9f6f8;display:grid;place-items:center;color:#71939d}.data-list article>div:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.data-list strong{font-size:12px}.data-list small{color:#7b9199;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-list article>span{font:italic 11px Georgia;color:#8da2aa}.status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eaf3f5;color:#587783;font-size:9px;font-weight:900;text-transform:uppercase;font-style:normal}.status.published{background:#e6fbf5;color:#128266}.status.draft{background:#fff3d9;color:#9a6810}.actions{display:flex!important;flex-direction:row!important;gap:5px}.actions>a,.actions button{width:32px;height:32px;border:1px solid #e1ebee;background:#fff;border-radius:8px;display:grid;place-items:center;color:#51717e;cursor:pointer}.actions form{margin:0}.danger{color:#c84b54!important}.empty{padding:80px 20px;text-align:center;color:#7a929c}.media-grid{padding:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.media-grid article{border:1px solid #dfebee;border-radius:13px;overflow:hidden}.media-grid article>img{width:100%;height:125px;object-fit:cover;background:#e9f5f7}.media-grid article>div{padding:10px;display:flex;flex-direction:column}.media-grid strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-grid small{font-size:8px;color:#8298a0}.media-grid code{display:block;padding:7px 10px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-grid form button{border:0;background:#edf7f9;font-size:9px;font-weight:800;padding:8px;cursor:pointer;width:100%}.upload{display:flex;gap:8px;align-items:center}.upload input{padding:9px;max-width:180px;font-size:10px}.settings{max-width:850px}.settings>form{padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.settings label:has(textarea),.settings .primary{grid-column:1/-1}.settings .primary{justify-self:start}.color-row{display:flex;gap:10px;align-items:center}.color-row input{width:56px;height:45px;padding:4px}.color-row span{font-size:11px;color:#708b95}.security-note{margin:25px 25px 0;padding:18px;background:#e9fbf7;border:1px solid #cbf2e8;border-radius:13px;color:#18745e}.security-note p{margin:5px 0 0;font-size:11px}.editor-shell{min-height:100vh;padding:45px;background:#eef6f8}.back{display:block;max-width:880px;margin:0 auto 18px;color:#557784;font-size:12px}.editor-card{max-width:880px;margin:auto;background:#fff;border-radius:20px;box-shadow:0 25px 70px #08465c16;overflow:hidden}.editor-card>header{padding:25px 28px;border-bottom:1px solid #e5eef1}.editor-card h1{margin:4px 0 0;font-size:25px}.editor-card .kicker{margin:0}.fields{padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.fields label.wide{grid-column:1/-1}.fields textarea{resize:vertical}.fields select+select{margin-top:7px;background:#eaf8fb}.field-error{color:#c84b54}.editor-card footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 28px;border-top:1px solid #e5eef1}.editor-card footer>a{padding:12px 17px;font-size:12px;font-weight:800}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-card{margin:50px auto}.admin-shell{grid-template-columns:74px 1fr}.admin-shell>aside{padding:17px 10px}.admin-logo{padding:4px;height:50px}.admin-shell>aside>p,.admin-shell nav a{font-size:0}.admin-shell nav a{justify-content:center}.admin-user>div,.admin-user form{display:none}.admin-user{justify-content:center}.admin-main{padding:28px 20px}.media-grid{grid-template-columns:repeat(2,1fr)}.fields,.settings>form{grid-template-columns:1fr}.fields label.wide,.settings label,.settings .primary{grid-column:auto}.data-list article{grid-template-columns:48px 1fr auto}.data-list .status,.data-list article>span{display:none}}
@media(max-width:600px){.admin-main>header{align-items:flex-start}.admin-main>header>div:last-child>a:not(.primary){display:none}.admin-main>header h1{font-size:24px}.data-list article{padding:10px}.media-grid{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.upload{width:100%;flex-direction:column;align-items:stretch}.upload input{max-width:none}.editor-shell{padding:20px 8px}.fields{padding:18px}}