@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap";:root{--paper: #f7efe3;--paper-2: #fdf8f0;--card: #fffdf9;--espresso: #2a1a0f;--bark: #5b4632;--sand: #927a5e;--amber: #f97316;--amber-2: #ea580c;--amber-soft: #ffe7d1;--green: #16a34a;--green-soft: #d6f3df;--warning: #d97706;--warning-soft: #fdeccb;--danger: #dc2626;--danger-soft: #fbdcdc;--line: #e7d8c4;--line-2: #d8c4a9;--accent: var(--amber);--accent-soft: var(--amber-soft);--r: 20px;--r-sm: 13px;--shadow: 0 2px 0 var(--line-2), 0 10px 24px rgba(120, 72, 20, .1);--shadow-lg: 0 4px 0 var(--line-2), 0 26px 50px rgba(120, 72, 20, .18);--ease: cubic-bezier(.34, 1.56, .64, 1);--ease-2: cubic-bezier(.22, 1, .36, 1);font-family:Hanken Grotesk,system-ui,sans-serif;color:var(--espresso);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--espresso);background:var(--paper);background-image:radial-gradient(680px 420px at 100% 0%,rgba(249,115,22,.12),transparent 60%),radial-gradient(560px 420px at 0% 100%,rgba(22,163,74,.08),transparent 60%);background-attachment:fixed;overflow-x:hidden}button{font:inherit}a{color:inherit;text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.9) rotate(-1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes draw{to{stroke-dashoffset:0}}.app-frame{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:22px;height:100vh;padding:24px 18px;color:#fceede;background:linear-gradient(165deg,#3a2415,#241307);border-right:3px solid var(--amber-2)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:#2a1a0f;background:linear-gradient(135deg,#fbbf24,var(--amber));font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:800;box-shadow:0 6px #b45309;animation:bob 4s ease-in-out infinite}.brand strong,.brand span{display:block}.brand strong{font-family:Bricolage Grotesque,sans-serif;font-size:17px;font-weight:800;color:#fff}.brand span{margin-top:2px;color:#d9a878;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.side-nav{display:grid;gap:6px}.side-nav a{padding:12px 15px;border-radius:13px;color:#d9c4ab;font-size:14px;font-weight:700;transition:background .2s var(--ease-2),color .2s var(--ease-2),transform .2s var(--ease)}.side-nav a:hover{color:#fff;background:#ffffff12;transform:translate(3px)}.side-nav a.active{color:#2a1a0f;background:linear-gradient(100deg,#fbbf24,var(--amber));box-shadow:0 4px #b45309}.sync-card{margin-top:auto;padding:15px;border-radius:15px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.sync-card strong,.sync-card small{display:block;margin-left:22px}.sync-card strong{font-size:13px;color:#fceede}.sync-card small{margin-top:4px;color:#d9a878;font-size:12px}.sync-dot{float:left;width:11px;height:11px;margin-top:3px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px #4ade8033}.sync-card.offline .sync-dot{background:#f87171;box-shadow:0 0 0 5px #f8717133}.workspace{width:min(100%,1580px);padding:30px}.page-header,.command-card,.metric-card,.panel,.notice,.empty{border:1.5px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow)}.page-header{position:relative;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:18px;animation:fade .5s var(--ease-2) both}.eyebrow{margin:0 0 10px;display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--amber),var(--amber-2));font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 3px #b45309}h1{margin:0;font-family:Bricolage Grotesque,sans-serif;font-size:35px;font-weight:800;letter-spacing:-.02em;line-height:1.04}.subtitle{margin:10px 0 0;color:var(--bark);font-size:15px;max-width:60ch}.header-actions{position:relative;display:flex;align-items:center;gap:12px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.store-chip{min-width:180px;padding:11px 15px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--paper-2)}.store-chip span,.store-chip strong{display:block}.store-chip span{color:var(--sand);font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.store-chip strong{margin-top:4px;font-size:13.5px}.refresh{min-height:56px;border:0;border-radius:var(--r-sm);padding:0 24px;color:#fff;background:linear-gradient(135deg,var(--amber),var(--amber-2));font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:14.5px;cursor:pointer;box-shadow:0 5px #b45309;transition:transform .15s var(--ease),box-shadow .15s var(--ease),opacity .2s}.refresh:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #b45309}.refresh:active:not(:disabled){transform:translateY(2px);box-shadow:0 3px #b45309}.refresh:disabled{opacity:.5;cursor:not-allowed}.tool-group{display:inline-flex;border-radius:var(--r-sm);overflow:hidden;box-shadow:0 3px 0 var(--line-2);border:1.5px solid var(--line-2)}.tool-btn{min-height:56px;min-width:52px;padding:0 15px;border:0;border-right:1.5px solid var(--line);background:var(--card);color:var(--bark);font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.tool-btn:last-child{border-right:0}.tool-btn:hover:not(:disabled){background:var(--amber-soft);color:var(--amber-2)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head .panel-title{margin:0;flex:1}.search{flex-shrink:0;width:min(270px,44%);min-height:42px;padding:0 15px;border:1.5px solid var(--line-2);border-radius:999px;background:var(--paper-2);color:var(--espresso);font-family:Hanken Grotesk,sans-serif;font-size:13.5px;font-weight:600;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.search::placeholder{color:var(--sand);font-weight:500}.search:focus{outline:0;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.seg{display:inline-flex;border-radius:var(--r-sm);overflow:hidden;box-shadow:0 3px 0 var(--line-2);border:1.5px solid var(--line-2)}.seg button{min-height:56px;padding:0 16px;border:0;border-right:1.5px solid var(--line);background:var(--card);color:var(--bark);font-family:Bricolage Grotesque,sans-serif;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.seg button:last-child{border-right:0}.seg button:hover{background:var(--amber-soft)}.seg button.active{background:linear-gradient(135deg,#fbbf24,var(--amber));color:#2a1a0f}.popover-backdrop{position:fixed;inset:0;z-index:40}.popover{position:absolute;top:calc(100% + 14px);right:0;z-index:50;width:276px;padding:22px;border:1.5px solid var(--line-2);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow-lg);animation:rise .2s var(--ease) both}.popover h3{margin:0 0 16px;font-family:Bricolage Grotesque,sans-serif;font-size:18px;font-weight:700}.popover p{margin:0 0 14px;color:var(--sand);font-size:12px;font-weight:600}.field{display:block;margin-bottom:18px}.field span{display:flex;justify-content:space-between;color:var(--bark);font-size:12.5px;font-weight:700;margin-bottom:9px}.field span b{color:var(--amber-2);font-family:Bricolage Grotesque,sans-serif}.field input[type=range]{width:100%;accent-color:var(--amber)}.ghost-btn{width:100%;min-height:42px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--paper-2);color:var(--espresso);font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s var(--ease)}.ghost-btn:hover{background:var(--amber-soft)}.share .qr{display:grid;place-items:center;padding:12px;margin-bottom:14px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-sm)}.share-url{display:flex;gap:8px}.share-url input{flex:1;min-width:0;min-height:40px;padding:0 12px;border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--paper-2);color:var(--bark);font-size:11px;font-weight:600}.share-url button{min-height:40px;padding:0 16px;border:0;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--amber),var(--amber-2));color:#fff;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 3px #b45309}.notice,.empty{padding:16px 20px;margin-bottom:18px;color:var(--bark);font-weight:600;animation:rise .4s var(--ease-2) both}.notice.danger{color:var(--danger);background:var(--danger-soft);border-color:#f4b4b4}.command-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin-bottom:16px}.command-card{display:flex;flex-direction:column;min-height:226px;padding:24px;transition:transform .25s var(--ease),box-shadow .25s var(--ease);animation:rise .5s var(--ease-2) both}.command-card:nth-child(2){animation-delay:.08s}.command-card:nth-child(3){animation-delay:.16s}.command-card:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:var(--shadow-lg)}.score-card{background:linear-gradient(165deg,#fff7ec,var(--card))}.section-heading,.panel-title,.alert-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading>span,.panel-title>span,.metric-card>span,.decision-stack span{color:var(--sand);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.score-layout{display:grid;grid-template-columns:1fr 128px;align-items:center;gap:18px;margin-top:auto}.score-value{display:block;font-family:Bricolage Grotesque,sans-serif;font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:.92;color:var(--amber-2)}.score-card p,.priority-card p,.execution-card p{margin:12px 0 0;color:var(--bark);font-size:13.5px;line-height:1.55}.score-ring{position:relative;display:grid;place-items:center;width:128px;height:128px;border-radius:50%;background:radial-gradient(circle at center,var(--card) 0 56%,transparent 57%),conic-gradient(from -90deg,var(--amber) 0,#fbbf24 var(--score),#ecddc8 var(--score));box-shadow:0 5px 0 var(--line-2);transition:background 1s var(--ease-2)}.score-ring span{font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:800;color:var(--espresso)}.priority-title{display:block;margin-top:auto;padding-top:16px;font-family:Bricolage Grotesque,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.mini-metrics{margin-top:16px;padding-top:14px;border-top:2px dashed var(--line)}.mini-metrics span,.mini-metrics strong{display:block}.mini-metrics span{color:var(--sand);font-size:11.5px;font-weight:700}.mini-metrics strong{margin-top:4px;font-size:14px}.progress-line{height:12px;margin-top:auto;overflow:hidden;border-radius:999px;background:#ecddc8;border:1.5px solid var(--line-2)}.progress-line i{display:block;height:100%;border-radius:inherit;background:repeating-linear-gradient(45deg,var(--amber) 0 10px,var(--amber-2) 10px 20px);transition:width 1s var(--ease-2)}.status-badge{display:inline-flex;align-items:center;gap:6px;min-width:68px;justify-content:center;border-radius:999px;padding:6px 13px;color:var(--amber-2);background:var(--amber-soft);font-size:11.5px;font-weight:800;white-space:nowrap;border:1.5px solid #f6cba0}.status-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status-badge.success{color:#15803d;background:var(--green-soft);border-color:#aee3bf}.status-badge.warning{color:#b45309;background:var(--warning-soft);border-color:#f4d7a3}.status-badge.danger{color:var(--danger);background:var(--danger-soft);border-color:#f4b4b4}.metric-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-card{position:relative;overflow:hidden;min-height:118px;padding:17px;border-top:6px solid var(--amber);transition:transform .25s var(--ease),box-shadow .25s var(--ease);animation:pop .45s var(--ease) both}.metric-card:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:var(--shadow-lg)}.metric-card strong,.metric-card small{display:block}.metric-card strong{margin-top:12px;font-family:Bricolage Grotesque,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.02em}.metric-card small{margin-top:5px;color:var(--sand);font-size:11.5px;font-weight:600}.metric-card.success{border-top-color:var(--green)}.metric-card.warning{border-top-color:var(--warning)}.metric-card.danger{border-top-color:var(--danger)}.metric-card:nth-child(2){animation-delay:.04s}.metric-card:nth-child(3){animation-delay:.08s}.metric-card:nth-child(4){animation-delay:.12s}.metric-card:nth-child(5){animation-delay:.16s}.metric-card:nth-child(6){animation-delay:.2s}.metric-card:nth-child(7){animation-delay:.24s}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.85fr);gap:16px}.panel{min-height:250px;padding:24px;transition:box-shadow .25s var(--ease);animation:rise .55s var(--ease-2) both}.panel:hover{box-shadow:var(--shadow-lg)}.table-panel{grid-row:span 2}.timeline-panel{grid-column:1 / -1}.panel-title{margin-bottom:18px}.panel-title h2{margin:5px 0 0;font-family:Bricolage Grotesque,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.01em}.table-wrap{overflow:auto;margin:0 -8px}table{width:100%;min-width:860px;border-collapse:separate;border-spacing:0}th,td{padding:13px 12px;text-align:left;vertical-align:middle;font-size:13px}th{position:sticky;top:0;z-index:1;color:var(--sand);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--paper-2);border-bottom:2px solid var(--line)}tbody td{border-bottom:1.5px solid var(--line)}tbody tr{transition:background .15s var(--ease-2)}td strong,td small{display:block}td strong{font-weight:700}td small{margin-top:4px;color:var(--sand);font-size:11.5px}tbody tr:hover td{background:#fff5ea}tbody tr:last-child td{border-bottom:0}.ratio-cell{display:grid;gap:6px;min-width:96px}.ratio-cell>span{font-family:Bricolage Grotesque,sans-serif;font-size:12.5px;font-weight:700}.ratio-track{height:8px;overflow:hidden;border-radius:999px;background:#ecddc8}.ratio-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#fbbf24,var(--amber));transition:width .8s var(--ease-2)}.ratio-track.success i{background:linear-gradient(90deg,#4ade80,var(--green))}.ratio-track.warning i{background:linear-gradient(90deg,#fbbf24,var(--warning))}.ratio-track.danger i{background:linear-gradient(90deg,#f87171,var(--danger))}.trend-down{color:var(--danger);font-weight:800}.trend-up{color:var(--green);font-weight:800}.decision-stack{display:grid;gap:14px}.decision-stack div{padding:0 0 14px;border-bottom:2px dashed var(--line)}.decision-stack div:last-child{border-bottom:0;padding-bottom:0}.decision-stack strong{display:block;margin-top:6px;font-size:15px;font-weight:700}.alert-stack{display:grid;gap:16px}.alert-section{padding-bottom:14px;border-bottom:2px dashed var(--line)}.alert-section:last-child{padding-bottom:0;border-bottom:0}.alert-section-title strong{font-family:Bricolage Grotesque,sans-serif;font-size:14px;font-weight:700}.alert-section-title span{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--amber),var(--amber-2));font-size:12px;font-weight:800}.alert-section p,.muted{margin:10px 0 0;color:var(--sand);font-size:12.5px;font-weight:600}.alert-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:9px 12px;border-radius:12px;transition:background .15s var(--ease-2),transform .15s var(--ease)}.alert-row:hover{background:#fff5ea;transform:translate(3px)}.alert-row span{font-size:13px;font-weight:700}.alert-row strong{color:var(--sand);font-size:12.5px;font-weight:700}.timeline{display:grid;gap:16px}.timeline-legend{display:flex;align-items:center;gap:18px;color:var(--bark);font-size:12px;font-weight:700}.timeline-legend span{display:inline-flex;align-items:center;gap:7px}.timeline-legend i{display:block;width:16px;height:5px;border-radius:999px}.legend-compliance{background:linear-gradient(90deg,#fbbf24,var(--amber))}.legend-anomaly{background:var(--green)}.chart{position:relative;width:100%}.chart svg{display:block;width:100%;height:auto;overflow:visible;cursor:crosshair}.chart .grid-line{stroke:var(--line);stroke-width:1.5}.chart .y-label{fill:var(--sand);font-size:10px;font-weight:700;text-anchor:end}.chart .x-label{fill:var(--bark);font-size:11px;font-weight:700;text-anchor:middle}.chart .area{opacity:0;animation:pop .9s var(--ease-2) .3s forwards}.chart .line{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw 1.5s var(--ease-2) .2s forwards}.chart .line.compliance{stroke:url(#lineGrad)}.chart .line.anomaly{stroke:var(--green);stroke-width:2.4;stroke-dasharray:3 7;stroke-linecap:round;stroke-dashoffset:0;opacity:0;animation:pop .8s var(--ease-2) .9s forwards}.chart .dot{fill:var(--card);stroke:var(--amber);stroke-width:3;opacity:0;animation:pop .4s var(--ease) forwards}.chart .cursor-line{stroke:var(--amber);stroke-width:1.6;stroke-dasharray:4 4;opacity:.55}.chart .cursor-dot{fill:var(--amber);stroke:#fff;stroke-width:3}.chart .hit{fill:transparent}.chart-tooltip{position:absolute;z-index:5;transform:translate(-50%,-118%);min-width:134px;padding:11px 13px;border-radius:14px;border:1.5px solid var(--line-2);background:var(--card);box-shadow:var(--shadow-lg);pointer-events:none;animation:pop .18s var(--ease)}.chart-tooltip b{display:block;font-family:Bricolage Grotesque,sans-serif;font-size:13px;margin-bottom:7px}.chart-tooltip .tt-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:var(--sand);font-weight:700}.chart-tooltip .tt-row+.tt-row{margin-top:4px}.chart-tooltip .tt-row strong{color:var(--espresso)}.chart-tooltip .tt-row i{width:9px;height:9px;border-radius:3px;display:inline-block;margin-right:6px;vertical-align:-1px}.chart-foot{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.chart-foot small{color:var(--sand);font-size:11px;font-weight:700}.recurring-list{display:grid;gap:10px}.recurring-list>div{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:9px 12px;border-radius:13px;transition:background .15s var(--ease-2),transform .15s var(--ease)}.recurring-list>div:hover{background:#fff5ea;transform:translate(3px)}.recurring-list>div>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--amber),var(--amber-2));font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:800;box-shadow:0 3px #b45309}.recurring-list strong,.recurring-list small{display:block}.recurring-list strong{font-size:14px;font-weight:700}.recurring-list small{margin-top:3px;color:var(--sand);font-size:11.5px}.recurring-list em{color:var(--amber-2);font-size:13px;font-style:normal;font-weight:800}@media(max-width:1280px){.command-grid,.content-grid{grid-template-columns:1fr}.table-panel,.timeline-panel{grid-column:auto;grid-row:auto}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.app-frame{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:16px}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.side-nav a{text-align:center}.sync-card{margin-top:0}.workspace{padding:18px}.page-header,.header-actions{align-items:stretch;flex-direction:column}.score-layout{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.workspace{padding:14px}.side-nav{grid-template-columns:1fr 1fr}h1{font-size:28px}.metric-grid{grid-template-columns:1fr}.score-value{font-size:46px}}@media print{body{background:#fff;background-image:none}.app-frame{grid-template-columns:1fr}.sidebar,.header-actions,.tool-group,.search,.refresh{display:none!important}.workspace{width:100%;padding:0}.command-grid,.metric-grid,.content-grid{gap:8px}.command-card,.metric-card,.panel{break-inside:avoid;box-shadow:none;border-color:#e0d3bf}.panel-head{display:block}*{animation:none!important;transition:none!important;box-shadow:none!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}