@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#faf8f4;--white:#fff;--ink:#332e2a;--muted:#777169;--line:#eae5dd;--brand:#843c34;--brand-dark:#622d29;--peach:#fbebe1;--green:#34715c;--green-bg:#edf5ee;--yellow:#88600c;--yellow-bg:#fff4d5;--purple:#775397;--purple-bg:#f1eaf7;--radius:17px;font-family:'DM Sans',sans-serif;font-size:16px;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #be8044;outline-offset:3px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:29px;line-height:1.35;font-weight:800;letter-spacing:-1px}h2{font-size:18px;line-height:1.4;font-weight:800}h3{font-size:16px}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}.skip-link{position:fixed;top:-80px;left:16px;z-index:50;background:#fff;padding:15px}.skip-link:focus{top:10px}.shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#fffdf9;border-right:1px solid var(--line);padding:32px 22px 20px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px}.emblem{width:43px;height:54px;object-fit:contain}.brand-name{font-family:Manrope;font-weight:800;font-size:17px;letter-spacing:.3px;line-height:1.2}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:6px;letter-spacing:0}.nav-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#999087;margin:44px 15px 14px}.nav-list{display:grid;gap:7px}.nav-item{border:0;background:none;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:10px;font-size:14px;color:#726a62;font-weight:550;width:100%}.nav-item:hover{background:#f8f1e9}.nav-item.active{background:var(--brand);color:white;box-shadow:0 4px 9px #843c3415}.nav-item .nav-count{margin-left:auto;background:#ffffff22;padding:2px 7px;border-radius:5px;font-size:12px}.nav-divider{height:1px;background:var(--line);margin:20px 14px}.sidebar-bottom{margin-top:auto}.help-note{background:#faf0e6;padding:18px;border-radius:13px;margin-top:32px;font-size:13px;line-height:1.6;color:#846249}.help-note strong{display:block;font-size:14px;color:#684936;margin:8px 0 4px}.sidebar-footer{font-size:11px;color:#8a8178;margin:22px 6px 0;line-height:1.8}.workspace{margin-left:248px;width:calc(100% - 248px)}.topbar{height:86px;border-bottom:1px solid var(--line);background:#fffdf9;display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:15px}.breadcrumb{color:var(--muted);font-size:14px;display:flex;gap:12px;align-items:center}.breadcrumb strong{color:var(--ink);font-weight:500}.top-actions{display:flex;gap:18px;align-items:center}.prototype-label{font-size:12px;font-weight:600;border:1px solid #e8d6c1;background:#fdf6eb;color:#886841;padding:6px 10px;border-radius:7px;white-space:nowrap}.profile{display:flex;gap:10px;align-items:center;border-left:1px solid var(--line);padding-left:20px}.avatar{width:37px;height:37px;background:#efe1d7;color:#835b43;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:700}.profile strong{display:block;font-size:13px;font-weight:600}.profile small{font-size:11px;color:var(--muted)}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;width:36px;height:36px;display:grid;place-items:center}.mobile-menu{display:none}.content{padding:32px 36px 20px;max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:var(--brand);font-weight:700;margin-bottom:8px}.subtext{color:var(--muted);font-size:14px;line-height:1.6;margin-top:7px}.btn{border:1px solid var(--line);background:white;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border-radius:9px;font-size:14px;font-weight:600;white-space:nowrap;min-height:43px;transition:background .18s,transform .18s}.btn:hover{background:#f8f3ed}.btn.primary{background:var(--brand);border-color:var(--brand);color:white}.btn.primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.btn.light{background:#ffffff19;border-color:#ffffff45;color:white}.btn.small{font-size:13px;padding:8px 11px;min-height:34px}.btn.ghost{border:0;background:none;color:var(--brand);padding:7px 0}.heading-actions{display:flex;gap:10px}.date-control{font-size:13px;display:flex;align-items:center;gap:7px;color:#73675c}.welcome-strip{display:flex;align-items:center;justify-content:space-between;background:#f1e7dc;border:1px solid #eadac9;padding:17px 22px;border-radius:12px;margin-bottom:26px;gap:20px}.welcome-strip p{font-size:14px;color:#695849;line-height:1.7}.welcome-strip strong{color:#514234}.welcome-strip .welcome-icon{color:var(--brand);background:#fff8ef;padding:10px;border-radius:50%;display:grid;place-items:center}.welcome-copy{display:flex;align-items:center;gap:15px}.legend-note{font-size:12px;color:var(--muted);margin-top:12px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;text-align:left;position:relative;transition:transform .2s,box-shadow .2s;min-width:0}.category-card:hover{transform:translateY(-3px);box-shadow:0 9px 20px #58432c09}.category-card.selected{box-shadow:0 0 0 2px var(--brand)}.category-card.complete{background:#f1f6ef;border-color:#dce8d9}.category-card.incomplete{background:#fff5d9;border-color:#f0dfaa}.category-card.vulnerable{background:#f3ecf7;border-color:#e6d9ee}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600}.card-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.complete .card-icon{background:#dfecdb;color:var(--green)}.incomplete .card-icon{background:#f5e5b0;color:var(--yellow)}.vulnerable .card-icon{background:#e7d8ef;color:var(--purple)}.stat-line{display:flex;gap:9px;align-items:baseline;margin-top:9px}.stat-value{font-size:37px;font-weight:750;font-family:Manrope;line-height:1.4;letter-spacing:-1.5px}.stat-label{font-size:13px;color:var(--muted)}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:9px;color:#726d61}.complete .card-bottom{color:var(--green)}.incomplete .card-bottom{color:var(--yellow)}.vulnerable .card-bottom{color:var(--purple)}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:22px;margin-top:25px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 16px;gap:12px}.panel-head .subtext{font-size:12px;margin-top:4px}.filters{display:flex;gap:10px;padding:0 22px 17px}.search-box{position:relative;flex:1;min-width:100px}.search-box svg{position:absolute;left:12px;top:12px;color:#aaa095;width:18px}.search-box input{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 10px 11px 38px;font-size:13px;background:#fffcf8;height:42px}.select{border:1px solid var(--line);background:white;padding:9px;border-radius:8px;font-size:13px;max-width:180px}.table-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:0 22px;overflow-x:auto}.table-tab{background:none;border:0;border-bottom:2px solid transparent;font-size:13px;white-space:nowrap;padding:0 0 12px;color:var(--muted)}.table-tab.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:650}.table-tab span{font-size:11px;border-radius:4px;background:#f2eeea;padding:2px 5px;margin-left:3px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}thead{background:#fcfaf7}th{font-size:11px;color:#8a8076;text-transform:uppercase;letter-spacing:.6px;font-weight:500;padding:13px 20px}td{padding:16px 20px;border-top:1px solid #f0ece6;font-size:13px}td:first-child,th:first-child{padding-left:22px}td:last-child,th:last-child{padding-right:18px}tbody tr:hover{background:#fffcf7}.person{display:flex;gap:11px;align-items:center}.person-avatar{width:33px;height:33px;border-radius:10px;background:#f2ebe4;color:#946f55;display:grid;place-items:center;font-size:11px;font-weight:650;flex-shrink:0}.person strong{font-size:13px;font-weight:600;display:block}.person small,.cell-meta{display:block;font-size:11px;color:#8e857d;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:5px 8px;border-radius:6px;white-space:nowrap}.badge svg{width:13px;height:13px}.badge.green{background:var(--green-bg);color:#336950}.badge.yellow{background:var(--yellow-bg);color:#805a0c}.badge.purple{background:var(--purple-bg);color:#79568f}.badge.red{background:#fae9e6;color:#a44839}.badge.neutral{background:#f3eee8;color:#766c61}.status-text{font-size:12px;display:flex;gap:6px;align-items:center}.status-text:before{content:'';width:6px;height:6px;background:#bc8b4d;border-radius:50%}.status-text.done:before{background:#4b8a6c}.row-link{border:0;background:none;color:#8d6a53;padding:6px;display:grid;place-items:center}.table-footer{padding:15px 22px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.pager{display:flex;gap:6px;align-items:center}.pager button{background:white;border:1px solid var(--line);border-radius:6px;min-width:29px;height:29px;font-size:12px;display:grid;place-items:center}.pager button.active{background:var(--brand);color:white;border-color:var(--brand)}.side-stack{display:grid;gap:19px;align-content:start}.attention{padding:20px}.section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.section-label h2{font-size:16px}.attention-item{display:flex;gap:12px;margin-top:16px;padding-bottom:16px;border-bottom:1px solid #efeae4}.attention-item:last-child{border:0;padding-bottom:0}.mini-icon{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;color:#a36b35;background:#fff1dd}.mini-icon.purple{background:var(--purple-bg);color:var(--purple)}.attention-item strong{font-size:13px;font-weight:600}.attention-item p{font-size:12px;color:var(--muted);line-height:1.65;margin-top:4px}.text-link{background:none;border:0;padding:0;color:var(--brand);font-size:12px;font-weight:600;margin-top:7px}.progress-panel{padding:20px}.progress-row{margin-top:17px}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:#776b61;margin-bottom:7px}.progress-label strong{color:#4b3e34;font-weight:600}.track{height:6px;background:#f3eee8;border-radius:5px;overflow:hidden}.fill{height:100%;background:#b28467;border-radius:5px}.fill.green{background:#709d7d}.fill.purple{background:#a78bb9}.inline-footer{font-size:11px;color:#9d9286;display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-bottom:10px}.no-results{text-align:center;padding:40px 20px;white-space:normal;color:var(--muted);font-size:14px}.mobile-overlay{display:none}dialog{padding:0;border:0;border-radius:20px;box-shadow:0 30px 80px #28180f30;max-width:760px;width:calc(100% - 32px);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#30241cb0;backdrop-filter:blur(3px)}.dialog-header{padding:24px 28px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dialog-body{padding:24px 28px}.dialog-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 28px;gap:12px;background:#fcfaf7}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}.field-label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.field-value{font-size:14px;font-weight:550}.detail-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.section-block{margin-top:24px}.timeline{list-style:none;padding:0;margin:22px 0 0}.timeline li{display:flex;gap:14px;position:relative;padding-bottom:25px}.timeline li:last-child{padding-bottom:0}.timeline li:not(:last-child):before{content:'';width:2px;background:#eae3da;position:absolute;top:28px;bottom:0;left:13px}.timeline-mark{border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#f5f1ec;border:1px solid #e4dbd1;color:#a79b8d;flex-shrink:0;z-index:1;font-size:12px}.timeline .done .timeline-mark{background:#e6f0e7;border-color:#e6f0e7;color:var(--green)}.timeline .current .timeline-mark{background:var(--brand);border-color:var(--brand);color:white;box-shadow:0 0 0 4px #f5e9df}.timeline-mark svg{width:15px}.timeline strong{display:block;font-size:14px;padding-top:3px}.timeline p{font-size:12px;color:var(--muted);line-height:1.65;margin-top:4px}.timeline .future strong{color:#9c9389}.notice{border:1px solid #eddaad;border-radius:11px;background:#fff7df;padding:16px;color:#856018;font-size:14px;line-height:1.65}.notice.purple{background:#f5eef9;color:#765489;border-color:#e5d5ef}.notice.green{background:var(--green-bg);color:var(--green);border-color:#d5e4d7}.notice strong{display:block;margin-bottom:5px}.checklist{list-style:none;padding:0;margin:14px 0}.checklist li{display:flex;gap:9px;align-items:center;margin:11px 0;font-size:14px}.checklist svg{color:var(--green);width:17px}.checklist .missing svg{color:#a37817}.checklist .missing{color:#956c10}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ded7ce;border-radius:8px;width:100%;padding:11px 12px;font-size:14px;background:#fff}.form-group.full{grid-column:1/-1}.form-check{display:flex;gap:9px;align-items:center;font-size:14px;margin-top:8px}.form-check input{width:16px;height:16px;accent-color:var(--brand)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);background:#443a30;color:white;padding:14px 22px;border-radius:11px;box-shadow:0 8px 20px #0002;z-index:60;font-size:14px;transition:transform .25s;max-width:calc(100% - 32px)}#toast.show{transform:translateX(-50%) translateY(0)}.citizen-shell{min-height:100vh;background:var(--paper)}.citizen-header{max-width:1130px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 30px;gap:20px}.citizen-main{max-width:960px;margin:20px auto;padding:20px 30px}.citizen-intro{text-align:center;max-width:670px;margin:0 auto 30px}.citizen-intro h1{font-size:36px;letter-spacing:-1px;margin-top:14px}.citizen-intro p{font-size:15px;color:var(--muted);line-height:1.7;margin-top:12px}.citizen-search{border-radius:18px;background:#fff;border:1px solid var(--line);padding:26px;box-shadow:0 10px 40px #67452b05}.citizen-search label{display:block;font-size:14px;font-weight:600;margin-bottom:12px}.lookup-row{display:flex;gap:12px}.lookup-row input{flex:1;min-width:0;font:inherit;padding:13px 15px;border:1px solid #ded5ca;border-radius:9px;background:#fffcf8;text-transform:uppercase;letter-spacing:1px}.demo-codes{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:16px}.demo-codes button{font-size:12px;color:var(--brand);border:1px dashed #decbb8;border-radius:6px;padding:6px 8px;background:#fdf8f1}.lookup-result{margin-top:25px}.citizen-result-top{padding:25px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.result-columns{padding:26px 28px;display:grid;grid-template-columns:1fr 280px;gap:34px}.result-columns .timeline{margin-top:8px}.receipt-card{background:#faf6ef;border-radius:12px;padding:19px;align-self:start}.receipt-card .field-label{margin-top:18px}.receipt-card .field-label:first-child{margin-top:0}.citizen-footnote{text-align:center;font-size:12px;color:#938476;margin:24px auto;line-height:1.8}.empty-tracking{padding:33px;text-align:center;margin-top:24px;border:1px dashed #dfd3c5;border-radius:13px;color:#8f7c69;font-size:14px;line-height:1.8}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.report-stat{padding:23px;background:white;border:1px solid var(--line);border-radius:14px}.report-stat strong{font-family:Manrope;font-size:32px;display:block;margin-top:10px}.report-stat p{font-size:13px;color:var(--muted);margin-top:7px}.service-summary{padding:26px}.bar-chart{display:grid;gap:23px;margin-top:24px}.bar-item{display:grid;grid-template-columns:190px 1fr 30px;gap:14px;align-items:center;font-size:14px}.bar-item .track{height:20px}.bar-item .fill{background:#be8f71}.hide{display:none!important}@media(min-width:1600px){.content{padding:36px 44px}.main-grid{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:1250px){.sidebar{width:218px;padding:28px 17px}.workspace{margin-left:218px;width:calc(100% - 218px)}.brand-name{font-size:15px}.content{padding:28px 25px}.topbar{padding:0 25px}.main-grid{grid-template-columns:minmax(0,1fr)}.side-stack{grid-template-columns:1fr 1fr}.heading-actions .date-control{display:none}.table-wrap table{min-width:660px}.category-card{padding:18px}.card-top{font-size:13px}}@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:248px}.sidebar.open{transform:translateX(0)}.mobile-overlay.open{display:block;position:fixed;inset:0;background:#39271a60;z-index:19}.workspace{margin:0;width:100%}.mobile-menu{display:grid}.topbar{height:68px;padding:0 20px}.breadcrumb{font-size:12px}.top-actions{gap:10px}.profile{border:0;padding:0}.profile div:last-child{display:none}.content{padding:25px 20px}.page-heading{align-items:flex-start;gap:15px}.heading-actions{align-self:center}.heading-actions .btn{padding:10px;font-size:12px}h1{font-size:26px}.welcome-strip{padding:15px;align-items:flex-start}.welcome-strip>.btn{display:none}.category-grid{gap:10px}.card-top{font-size:12px;gap:4px}.card-icon{width:29px;height:29px}.card-icon svg{width:17px}.category-card{padding:15px}.stat-value{font-size:30px}.card-bottom{font-size:11px;line-height:1.5}.card-bottom svg{display:none}.brand small{font-size:11px}.result-columns{grid-template-columns:1fr}.citizen-header{padding:20px}.citizen-main{padding:15px 20px}.citizen-intro h1{font-size:30px}}@media(max-width:540px){.topbar{padding:0 16px}.topbar .prototype-label{font-size:10px;padding:5px 7px}.breadcrumb>span{display:none}.breadcrumb{gap:9px}.content{padding:24px 16px}.page-heading{flex-wrap:wrap;margin-bottom:20px}.heading-actions{width:100%}.heading-actions .btn{font-size:13px;padding:10px 13px}.page-heading .subtext{font-size:13px}.welcome-strip{margin-bottom:20px}.welcome-icon{display:none!important}.welcome-strip p{font-size:13px}.category-grid{grid-template-columns:1fr;gap:10px}.category-card{display:grid;grid-template-columns:1fr auto;align-items:center;padding:15px 17px}.card-top{font-size:14px;justify-content:flex-start;gap:10px;grid-column:1;grid-row:1}.card-top .card-icon{order:-1}.stat-line{margin:0;grid-column:2;grid-row:1/3}.stat-label{display:none}.stat-value{font-size:30px}.card-bottom{grid-column:1;margin-top:5px;margin-left:39px;font-size:12px}.legend-note{font-size:11px;line-height:1.6}.main-grid{margin-top:20px}.side-stack{grid-template-columns:1fr}.panel-head{padding:20px 16px 15px}.panel-head h2{font-size:16px}.panel-head .btn{font-size:12px}.filters{padding:0 16px 15px;flex-wrap:wrap}.filters .search-box{flex-basis:100%}.filters .select{max-width:none;flex:1}.table-tabs{padding:0 16px;gap:16px}.table-footer{padding:15px 16px;gap:10px;font-size:11px}.inline-footer{flex-direction:column;font-size:10px}.dialog-header,.dialog-body{padding:20px}.dialog-footer{padding:16px 20px;flex-wrap:wrap}.detail-grid,.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.citizen-header{align-items:flex-start;gap:12px}.citizen-header .btn{font-size:11px;padding:8px}.citizen-header .brand-name{font-size:13px}.citizen-header .emblem{width:32px;height:40px}.citizen-header .brand{gap:8px}.citizen-header .brand small{font-size:9px}.citizen-main{margin-top:3px;padding:12px 16px}.citizen-intro h1{font-size:28px}.citizen-intro p{font-size:14px}.citizen-search{padding:20px}.lookup-row{flex-direction:column}.lookup-row input{width:100%;font-size:14px}.lookup-row .btn{width:100%}.result-columns{padding:22px;gap:25px}.citizen-result-top{padding:22px;flex-wrap:wrap}.report-grid{grid-template-columns:1fr;gap:12px}.bar-item{grid-template-columns:100px 1fr 22px;font-size:12px;gap:9px}.service-summary{padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{.sidebar,.topbar,.heading-actions,.filters,.table-tabs,.row-link,.side-stack,.inline-footer,.btn{display:none!important}.workspace{margin:0;width:100%}.content{padding:0}.main-grid{display:block}body{background:white}.panel{overflow:visible}.table-wrap{overflow:visible}dialog[open]{position:static;max-height:none;width:100%;box-shadow:none}body:has(dialog[open]) #app{display:none}dialog::backdrop{background:white}}