:root{color:#e8f1fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 100% 0,#1c4a7a 0%,#0b2c52 45%,#071b35 100%);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{background:0 0;min-height:100vh;margin:0}a{color:inherit}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{color:#e6eef8;background:#0c2a4a;padding:1.25rem 1rem}.sidebar-logo{width:145px;height:auto;margin:0 auto 1rem;display:block}.sidebar nav{gap:.4rem;display:grid}.sidebar a{color:#d3e3f5;border-radius:8px;padding:.55rem .7rem;text-decoration:none}.sidebar a.active{color:#0c2a4a;background:#f4c14b;font-weight:600}.shell-main{flex-direction:column;min-height:100vh;display:flex}.content{flex:1;padding:1.5rem}.dashboard-page{gap:1rem;max-width:980px;display:grid}.dashboard-card{background:linear-gradient(135deg,#0a2a4f 0%,#163f6e 55%,#0a2a4f 100%);border:1px solid #163a63;border-radius:18px;padding:1.5rem;box-shadow:0 22px 48px #0714293d}.dashboard-kicker{color:#b9d6f5;letter-spacing:.03em;text-transform:uppercase;margin:0 0 .35rem;font-size:.83rem}.dashboard-card h1{color:#f4fbff;margin:0 0 .45rem;font-size:1.9rem}.dashboard-subtitle{color:#d9e7f6;margin:0 0 1.1rem}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.dashboard-grid article{background:#0a233e59;border:1px solid #a3c2e459;border-radius:10px;gap:.15rem;padding:.72rem .82rem;display:grid}.dashboard-grid article span{color:#d1e4f7;font-size:.82rem}.dashboard-grid article strong{color:#f4c14b;word-break:break-word;font-size:.86rem;font-weight:600}.dashboard-loading{color:#d9e7f6;margin:0}.dashboard-error{color:#ffd2d2;margin:.95rem 0 0;font-size:.92rem}.dashboard-actions{margin-top:1rem}.dashboard-logout-btn{color:#e9f3ff;cursor:pointer;background:#081e3859;border:1px solid #4c7198;border-radius:10px;padding:.65rem 1rem;font-size:.92rem;transition:background .15s,border-color .15s,transform .15s}.dashboard-logout-btn:hover{background:#0b264594;border-color:#6e94bc;transform:translateY(-1px)}.dashboard-profile-card{background:#f3f9ffb8;border:1px solid #d4e4f5;border-radius:16px;padding:1.1rem 1rem}.dashboard-profile-card h2{color:#0e3258;margin:0 0 .35rem;font-size:1.2rem}.dashboard-profile-card p{color:#46698e;margin:0 0 .85rem}.dashboard-profile-form{gap:.8rem;max-width:520px;display:grid}.dashboard-profile-form label{gap:.32rem;display:grid}.dashboard-profile-form label span{color:#2f5378;font-size:.86rem}.dashboard-profile-form input{color:#0f2f52;background:#fff;border:1px solid #c6d6e8;border-radius:10px;padding:.6rem .7rem;font-size:.93rem}.dashboard-profile-form input:focus{border-color:#f4c14b;outline:2px solid #f4c14b}.dashboard-profile-hint{color:#5a7998;word-break:break-all;margin:-.2rem 0 0;font-size:.78rem}.dashboard-profile-preview{background:#fff;border:2px solid #d0e3f7;border-radius:999px;width:62px;height:62px;overflow:hidden}.dashboard-profile-preview img{object-fit:cover;width:100%;height:100%}.dashboard-save-btn{color:#0a2a4f;cursor:pointer;background:#f4c14b;border:1px solid #d7a52f;border-radius:10px;width:fit-content;padding:.62rem .95rem;font-size:.9rem}.dashboard-save-btn:disabled{opacity:.72;cursor:not-allowed}.dashboard-clear-file-btn{color:#24486f;cursor:pointer;background:#f6fbff;border:1px solid #9db6cf;border-radius:8px;width:fit-content;padding:.45rem .7rem;font-size:.82rem}.dashboard-profile-message{color:#0f4b2e;margin:.8rem 0 0;font-size:.9rem}.layout-footer{color:#c6d9ef;border-top:1px solid #a2bede33;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:.95rem 1rem 1rem;font-size:.84rem;display:flex}.layout-footer a{color:#f4c14b;text-decoration:none}.layout-footer a:hover{text-decoration:underline}.layout-footer-divider{opacity:.65}.layout-footer-credit{text-align:center;opacity:.72;letter-spacing:.01em;flex-basis:100%;margin-top:.35rem;font-size:.72rem;font-style:italic}@media (width<=820px){.app-shell,.dashboard-grid{grid-template-columns:1fr}}@media (width<=640px){.sidebar nav{grid-template-columns:1fr}.content{padding:1rem}.dashboard-card{padding:1.2rem}.dashboard-profile-card{padding:1rem .85rem}.layout-footer{flex-direction:column;gap:.2rem}}.container{text-align:left;flex-direction:column;max-width:1024px;min-height:100vh;margin:0 auto;padding:4rem 1.25rem;display:flex}.hero-card{background:linear-gradient(135deg,#0a2a4f 0%,#163f6e 55%,#0a2a4f 100%);border:1px solid #163a63;border-radius:18px;padding:2rem;box-shadow:0 24px 48px #07142933}.hero-logo{width:clamp(150px,24vw,220px);height:auto;margin:0 0 .9rem auto;display:block}.hero-card h1{color:#fff;margin:0 0 1rem;font-size:clamp(1.8rem,2.5vw,2.4rem);line-height:1.2}.badge{letter-spacing:.04em;text-transform:uppercase;color:#0a2a4f;background:#f4c14b;border:1px solid #f8d370;border-radius:999px;margin-bottom:.75rem;padding:.3rem .65rem;font-size:.8rem;font-weight:600;display:inline-block}.kicker{color:#b9d6f5;letter-spacing:.03em;text-transform:uppercase;margin:0 0 .35rem;font-size:.95rem}.subtitle{color:#d9e7f6;max-width:760px;margin:0 0 1rem;font-size:1.02rem}.actions{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.primary-btn,.ghost-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.7rem 1.05rem;font-size:.95rem;transition:transform .15s,box-shadow .15s,opacity .15s}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.primary-btn{color:#0a2a4f;background:#f4c14b;box-shadow:0 8px 20px #f4c14b40}.ghost-btn{color:#f0f7ff;background:0 0;border-color:#95b7db}.panel{color:#f0f7ff;background:#05152b59;border:1px solid #3f6490;border-radius:8px;gap:.5rem;margin:1.1rem 0;padding:1rem;display:grid}.panel code{word-break:break-all;color:#f4c14b;display:inline-block}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.2rem;display:grid}.hero-metrics>div{background:#0a233e59;border:1px solid #a3c2e459;border-radius:10px;gap:.1rem;padding:.7rem .8rem;display:grid}.hero-metrics strong{color:#f4c14b;font-size:1.05rem}.hero-metrics span{color:#d9e7f6;font-size:.85rem}.landing-footer{color:#c6d9ef;border-top:1px solid #a2bede33;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:.95rem .4rem 0;font-size:.84rem;display:flex}.landing-footer a{color:#f4c14b;text-decoration:none}.landing-footer a:hover{text-decoration:underline}.footer-divider{opacity:.65}.footer-credit{text-align:center;opacity:.72;letter-spacing:.01em;flex-basis:100%;margin-top:.35rem;font-size:.72rem;font-style:italic}.login-wrapper{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:980px;min-height:100vh;margin:0 auto;padding:2rem 1rem 7.5rem;display:flex;position:relative}.login-card{background:linear-gradient(160deg,#0a2a4ff2 0%,#123c66ed 100%);border:1px solid #234f7e;border-radius:16px;width:100%;max-width:460px;padding:1.4rem 1.2rem;box-shadow:0 20px 45px #07142940}.login-logo{opacity:.96;width:clamp(88px,14vw,118px);height:auto;margin:0 0 .7rem auto;display:block}.kicker-dark{color:#b9d6f5;letter-spacing:.03em;text-transform:uppercase;margin:0 0 .25rem;font-size:.82rem}.login-card h1{color:#f6fbff;margin:0 0 .3rem;font-size:1.9rem}.login-subtitle{color:#d7e8fa;margin:0 0 1rem}.login-form{gap:.85rem;display:grid}.login-form label{gap:.35rem;display:grid}.login-form label span{color:#d7e8fa;font-size:.88rem}.login-form input{color:#f3f8ff;background:#071a3180;border:1px solid #3e6693;border-radius:10px;padding:.62rem .7rem;font-size:.95rem}.login-form input:focus{border-color:#f4c14b;outline:2px solid #f4c14b}.login-form input::placeholder{color:#9bb8d8}.login-btn{width:100%;margin-top:.25rem}.login-error{color:#b91c1c;margin:.85rem 0 0;font-size:.92rem}.login-back-btn{color:#d9ecff;background:#081e3859;border:1px solid #4c7198;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-top:.7rem;padding:.58rem .8rem;font-size:.9rem;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.login-back-btn:hover{background:#0b264594;border-color:#6e94bc;transform:translateY(-1px)}.login-footer{width:100%;max-width:460px;margin-top:0;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.login-forgot-wrap{width:100%;margin-top:.55rem}.login-forgot-link{text-align:center;color:#f4c14b;width:100%;padding:.25rem 0;font-size:.9rem;text-decoration:none;display:inline-block}.login-forgot-link:hover{text-decoration:underline}.dashboard-admins-card{margin-top:1.25rem}.dashboard-admins-table-wrap{margin:.8rem 0;overflow-x:auto}.dashboard-admins-table{border-collapse:collapse;width:100%}.dashboard-admins-table th,.dashboard-admins-table td{text-align:left;border-bottom:1px solid #a2bede40;padding:.55rem .4rem;font-size:.92rem}.dashboard-admin-avatar{object-fit:cover;border:1px solid #a2bede40;border-radius:10px;width:38px;height:38px}.dashboard-admin-action-btn{color:#d9ecff;cursor:pointer;background:#081e3859;border:1px solid #4c7198;border-radius:10px;margin-right:.35rem;padding:.4rem .6rem;font-size:.88rem}.dashboard-admin-action-btn:hover{transform:translateY(-1px)}.dashboard-admin-action-btn-danger{border-color:#b91c1c80}.dashboard-admins-form-card{background:#123c6640;border:1px solid #234f7e;border-radius:16px;margin-top:.8rem;padding:1rem .95rem}.dashboard-admins-form-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.dashboard-admins-form-head h3{margin:0;font-size:1.1rem}.dashboard-admin-secondary-btn{color:#d9ecff;cursor:pointer;background:#081e3859;border:1px solid #4c7198;border-radius:10px;padding:.45rem .65rem}.dashboard-admins-hint{opacity:.85;margin:.1rem 0 .8rem;font-size:.9rem}.dashboard-admins-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.dashboard-admins-form label{gap:.35rem;display:grid}.dashboard-admins-form label span{color:#d7e8fa;font-size:.88rem}.dashboard-admins-form input,.dashboard-admins-form select{color:#f3f8ff;background:#071a3180;border:1px solid #3e6693;border-radius:10px;padding:.62rem .7rem;font-size:.95rem}.dashboard-admins-form button[type=submit]{grid-column:1/-1}.dashboard-admin-secondary-btn:hover,.dashboard-admin-action-btn:hover{background:#0b264594}.dashboard-admin-preview img{object-fit:cover;border:1px solid #a2bede40;border-radius:16px;width:72px;height:72px}@media (width<=640px){.container{padding-top:2rem}.hero-card{padding:1.25rem}.actions{flex-direction:column}.landing-footer{flex-direction:column;gap:.2rem}.hero-metrics{grid-template-columns:1fr}}