*{box-sizing:border-box} :root{--navy:#142477;--navy2:#0e1957;--gold:#d5a12a;--ink:#20283b;--muted:#7b8498;--line:#e9edf4;--bg:#f5f7fb}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink)}a{color:inherit}.brand-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#f3c85f,#d39a1e);display:grid;place-items:center;color:#15215e;font-weight:900;font-size:15px;letter-spacing:-1px;box-shadow:0 8px 24px #0002}.brand-mark.small{width:43px;height:43px;border-radius:13px;font-size:12px;flex:none}
/* login */
.login-page{min-height:100vh;background:#f2f4fa;display:grid;place-items:center;padding:28px}.login-shell{width:min(100%,1000px);min-height:620px;background:#fff;border-radius:25px;overflow:hidden;display:grid;grid-template-columns: .9fr 1.1fr;box-shadow:0 25px 80px #17234d18}.login-brand{position:relative;padding:58px 55px;background:linear-gradient(145deg,#142477,#0c174f);color:#fff;overflow:hidden}.login-brand:after{content:"";position:absolute;width:390px;height:390px;border:1px solid #ffffff18;border-radius:50%;right:-190px;bottom:-160px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05}.brand-kicker{margin:24px 0 15px;color:#f2c75b;font-size:11px;font-weight:800;letter-spacing:2px}.login-brand h1{font-size:54px;line-height:1.05;letter-spacing:-2px;margin:0 0 22px}.brand-copy{max-width:330px;color:#d5dcf6;line-height:1.8;font-size:14px}.brand-footer{position:absolute;bottom:35px;color:#aeb9e4;font-size:12px}.login-panel{display:grid;place-items:center;padding:55px}.login-form-wrap{width:100%;max-width:370px}.form-eyebrow,.page-eyebrow{color:#b58620;font-size:11px;font-weight:800;letter-spacing:1.8px}.login-form-wrap h2{font-size:27px;letter-spacing:-.8px;margin:12px 0 8px}.form-subtitle{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 30px}.login-form-wrap label{display:block;font-size:12px;font-weight:700;margin:17px 0 8px}.login-form-wrap input{width:100%;height:49px;border:1px solid #dfe4ee;border-radius:9px;padding:0 14px;font:inherit;font-size:13px;outline:none}.login-form-wrap input:focus{border-color:var(--navy);box-shadow:0 0 0 3px #14247712}.login-button{width:100%;height:50px;border:0;border-radius:9px;margin-top:25px;background:var(--navy);color:#fff;font:inherit;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:14px;transition:.2s}.login-button:hover{background:#0d1958;transform:translateY(-1px)}.secure-note{font-size:11px;color:#8a93a5;text-align:center;margin-top:24px}.secure-note span{color:#1b9a69;margin-right:5px}.alert-error{padding:12px 14px;border-radius:8px;background:#fff0f0;border:1px solid #ffd4d4;color:#b42318;font-size:12px;line-height:1.5}
/* dashboard */
.dashboard-page{background:var(--bg);min-height:100vh}.admin-layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:#101d5d;color:#fff;padding:25px 17px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 9px 29px;text-decoration:none;border-bottom:1px solid #ffffff1c}.sidebar-brand strong{display:block;font-size:13px}.sidebar-brand small{display:block;color:#aeb9e4;font-size:10px;margin-top:5px}.sidebar-caption{padding:27px 12px 12px;color:#8492c6;font-size:9px;font-weight:800;letter-spacing:1.7px}.side-nav{display:grid;gap:6px}.side-link{height:45px;padding:0 13px;display:flex;align-items:center;gap:12px;text-decoration:none;color:#c4cbea;border-radius:8px;font-size:12px;font-weight:600;transition:.2s}.side-link:hover,.side-link.active{background:#ffffff17;color:#fff}.side-link.active{box-shadow:inset 3px 0 #e8b63f}.nav-icon{width:18px;text-align:center;font-size:17px}.soon-tag{margin-left:auto;font-size:8px;color:#f4ce71;background:#ffffff14;padding:4px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto}.sidebar-help{display:flex;gap:10px;align-items:center;padding:14px 10px;background:#ffffff10;border-radius:9px;margin-bottom:14px}.help-icon{width:25px;height:25px;border:1px solid #aab5df;border-radius:50%;display:grid;place-items:center;font-size:12px}.sidebar-help strong,.sidebar-help small{display:block}.sidebar-help strong{font-size:10px}.sidebar-help small{font-size:9px;color:#aeb9e4;margin-top:4px}.logout-link{height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;text-decoration:none;color:#e2e7f7;font-size:12px;border-top:1px solid #ffffff1c}.logout-link span{font-size:19px}.main-area{margin-left:255px;min-height:100vh}.topbar{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:11px;color:#929bad}.breadcrumb span{margin:0 10px;color:#c2c8d3}.breadcrumb strong{color:#27314a}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-date{font-size:10px;color:#818ba0;margin-right:12px}.user-avatar{width:34px;height:34px;border-radius:50%;background:#e9edfa;color:var(--navy);display:grid;place-items:center;font-weight:800;font-size:12px}.user-meta strong,.user-meta small{display:block}.user-meta strong{font-size:10px}.user-meta small{font-size:9px;color:#8a93a5;margin-top:3px}.dashboard-content{max-width:1450px;padding:36px 38px 22px;margin:auto}.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.welcome-row h1{font-size:25px;letter-spacing:-.8px;margin:9px 0 7px}.welcome-row p{font-size:12px;color:var(--muted);margin:0}.view-site-button{padding:11px 15px;border:1px solid #dce2ee;border-radius:8px;text-decoration:none;background:#fff;color:var(--navy);font-size:11px;font-weight:700}.welcome-banner{min-height:190px;border-radius:15px;padding:30px 35px;background:linear-gradient(110deg,#142477,#263a9a);color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.banner-label{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#f3c85f}.welcome-banner h2{font-size:24px;line-height:1.35;margin:12px 0 8px;letter-spacing:-.6px}.welcome-banner p{font-size:11px;color:#d3daf4;margin:0}.banner-art{font-size:160px;line-height:1;color:#ffffff12;margin-right:45px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:31px 0 15px}.section-heading h2{font-size:16px;margin:0 0 5px}.section-heading p{font-size:10px;color:var(--muted);margin:0}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-card{position:relative;min-height:155px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:11px;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.quick-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #1c2b5510}.quick-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-size:19px;margin-bottom:15px}.quick-icon.blue{background:#edf1ff;color:#344ca5}.quick-icon.gold{background:#fff6df;color:#bd8b1d}.quick-icon.green{background:#e8f7f0;color:#24956c}.quick-icon.purple{background:#f2edff;color:#8061c4}.quick-title{font-size:12px;font-weight:800}.quick-description{font-size:10px;line-height:1.6;color:#8992a4;margin-top:6px;max-width:190px}.quick-arrow{position:absolute;right:17px;top:22px;color:#a5adbd}.bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:15px;margin-top:20px}.content-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-heading h3,.info-card h3{font-size:13px;margin:0 0 5px}.card-heading p{font-size:10px;color:var(--muted);margin:0}.card-dots{color:#9aa3b3;letter-spacing:2px}.module-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #f0f2f6}.module-icon{width:32px;height:32px;border-radius:8px;background:#f0f3fb;color:var(--navy);display:grid;place-items:center}.module-row strong,.module-row small{display:block}.module-row strong{font-size:10px}.module-row small{font-size:9px;color:#929bad;margin-top:4px}.module-status{margin-left:auto;color:#9a7a34;background:#fff7e5;border-radius:5px;padding:5px 7px;font-size:8px;white-space:nowrap}.info-card{background:#fffcf5;border-color:#f4e8c8}.info-symbol{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f8e9bd;color:#966c12;font-weight:800;margin-bottom:14px}.info-card p{font-size:10px;line-height:1.8;color:#777f8e}.info-card a{font-size:10px;color:var(--navy);font-weight:800;text-decoration:none}.dashboard-footer{text-align:center;color:#9aa2b1;font-size:9px;padding:27px 0 5px}.mobile-menu{display:none;border:0;background:transparent;font-size:20px;color:var(--navy)}.toast{position:fixed;right:25px;bottom:25px;background:#17245e;color:#fff;padding:13px 18px;border-radius:9px;font-size:11px;box-shadow:0 10px 30px #0002;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:40}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.dashboard-content{padding:28px 25px}.topbar{padding:0 25px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .25s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 35px #0003}.main-area{margin-left:0}.mobile-menu{display:block}.topbar{height:65px;padding:0 17px;gap:12px}.breadcrumb{margin-right:auto}.topbar-date{display:none}.dashboard-content{padding:25px 17px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-banner{padding:25px}.banner-art{font-size:100px;margin-right:0}.welcome-banner h2{font-size:20px}}
@media(max-width:560px){.login-page{padding:14px}.login-shell{grid-template-columns:1fr;min-height:auto}.login-brand{padding:28px 28px 35px;min-height:235px}.login-brand h1{font-size:39px}.brand-mark{width:47px;height:47px}.brand-footer{position:relative;bottom:auto;margin-top:22px}.login-panel{padding:35px 25px 40px}.quick-grid{gap:10px}.quick-card{min-height:150px;padding:14px}.welcome-banner{min-height:170px}.banner-art{display:none}.user-meta{display:none}.topbar-right{gap:0}.welcome-row h1{font-size:22px}}