*{box-sizing:border-box}body{font-family:"Manrope",sans-serif;color:var(--sp-ink);background:var(--sp-bg)}a{text-decoration:none}.app-topbar{position:sticky;top:0;z-index:1030;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;color:#fff;background:var(--sp-navy);border-bottom:1px solid rgba(255,255,255,.08)}.app-brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:1.05rem;font-weight:600}.app-brand i{color:var(--sp-lime);font-size:1.35rem}.app-brand strong{color:var(--sp-lime)}.app-topbar-actions,.app-user{display:flex;align-items:center;gap:12px}.app-user small,.app-user strong{display:block}.app-user small{color:#9fb1c1;font-size:.68rem}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#173a55;color:#dfffc8;font-size:.72rem;font-weight:800}.app-icon-btn{position:relative;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:var(--r-md);color:#fff;background:rgba(255,255,255,.07)}.notification-dot{position:absolute;right:9px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--sp-lime)}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 74px)}.app-sidebar{position:sticky;top:74px;height:calc(100vh - 74px);padding:22px 16px;background:#06243b;border-right:1px solid rgba(255,255,255,.06)}.app-sidebar nav{display:grid;gap:6px}.app-sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;color:#b9c7d2;border-radius:11px;font-size:.78rem;font-weight:700}.app-sidebar nav a:hover,.app-sidebar nav a.active{color:#071536;background:var(--sp-lime)}.sidebar-help{position:absolute;left:16px;right:16px;bottom:20px;padding:16px;border-radius:14px;color:#fff;background:#0b324e}.sidebar-help i{color:var(--sp-lime)}.sidebar-help strong,.sidebar-help small,.sidebar-help a{display:block}.sidebar-help small{margin:5px 0 10px;color:#b9c7d2;font-size:.68rem}.sidebar-help a{color:var(--sp-lime);font-size:.7rem;font-weight:800}.app-main{min-width:0;padding:30px}.app-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.app-page-header h1{margin:3px 0 5px;font-size:clamp(1.65rem,2.2vw,2.25rem);font-weight:800;letter-spacing:-.04em}.app-page-header p{margin:0;color:var(--sp-muted);font-size:.82rem}.eyebrow{color:#1f9a39;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:var(--r-pill);font-size:.66rem;font-weight:800}.status-neutral{color:#425269;background:#edf1f5}.status-success{color:#17752c;background:#eaf8ec}.status-warning{color:#8b5a05;background:#fff5dc}.status-danger{color:#a62a2a;background:#fdeaea}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-tile{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5);border:1px solid var(--sp-line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-sm)}.metric-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:var(--r-md);color:#169333;background:#eaf9ec;font-size:1.2rem}.metric-tile small,.metric-tile strong,.metric-tile span{display:block}.metric-tile small{color:var(--sp-muted);font-size:.65rem}.metric-tile strong{font-size:1.15rem}.metric-tile span{color:#27843a;font-size:.62rem}.surface-card{padding:var(--sp-5);border:1px solid var(--sp-line);border-radius:var(--r-xl);background:#fff;box-shadow:var(--shadow-md)}.surface-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.surface-grid>*,.metric-grid>*{min-width:0}.verification-banner{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding:14px 16px;color:#fff;border-radius:14px;background:linear-gradient(100deg,#0a3656,#116241)}.verification-banner>i{font-size:1.25rem;color:var(--sp-lime)}.verification-banner div{flex:1}.verification-banner strong,.verification-banner span{display:block}.verification-banner span{margin-top:2px;color:#d7e4e1;font-size:.7rem}.sp-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.sp-timeline li{position:relative;display:flex;gap:12px;padding:0 0 20px}.sp-timeline li:after{content:"";position:absolute;left:12px;top:25px;bottom:0;width:2px;background:#e0e7ed}.sp-timeline li:last-child:after{display:none}.timeline-dot{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#8191a1;background:#edf1f4;font-size:.65rem}.sp-timeline .done .timeline-dot{color:#fff;background:#31aa45}.sp-timeline .current .timeline-dot{color:#071536;background:var(--sp-lime)}.sp-timeline strong,.sp-timeline small{display:block}.sp-timeline strong{font-size:.77rem}.sp-timeline small{color:var(--sp-muted);font-size:.66rem}.empty-state{padding:46px 20px;text-align:center}.empty-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:var(--r-lg);color:#168f31;background:#eaf8ec;font-size:1.45rem}.empty-state h3{font-size:1.05rem;font-weight:800}.empty-state p{max-width:430px;margin:0 auto 16px;color:var(--sp-muted);font-size:.76rem}.field-main{padding:30px}.field-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 26px;color:#fff;background:var(--sp-navy)}.field-nav nav{display:flex;gap:20px}.field-nav nav a{color:#b9c7d2;font-size:.75rem;font-weight:700}.field-nav nav a.active{color:var(--sp-lime)}
@media(max-width:991.98px){.app-shell{grid-template-columns:82px minmax(0,1fr)}.app-sidebar{padding:18px 10px}.app-sidebar nav a{justify-content:center}.app-sidebar nav a{font-size:0}.app-sidebar nav a i{font-size:1.1rem}.sidebar-help{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-nav{flex-wrap:wrap}}
@media(max-width:767.98px){.app-topbar{height:64px;padding:0 16px}.app-user>span:last-child{display:none}.app-shell{display:block}.app-sidebar{position:static;height:auto;padding:8px;overflow-x:auto}.app-sidebar nav{display:flex}.app-sidebar nav a,.app-sidebar nav a:not(.active){min-width:48px;padding:10px;font-size:0}.app-sidebar nav a i{font-size:1.05rem}.app-main,.field-main{padding:18px}.surface-grid,.metric-grid{grid-template-columns:1fr}.verification-banner{align-items:flex-start;flex-wrap:wrap}.field-nav{padding:14px 16px}.app-page-header{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
