@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700;9..144,900&family=Archivo:wght@400;500;600;700;800&display=swap";:root{--paper: #f3efe7;--paper-2: #f8f5ef;--card: #fbf9f4;--ink: #1c1a17;--ink-2: #4a463f;--ink-3: #8a8377;--rule: #ddd6c8;--rule-2: #cfc6b4;--vermilion: #d6492f;--vermilion-2: #b5371f;--vermilion-soft: #f6e2da;--success: #3f7d5c;--success-soft: #dde9e0;--warning: #b07d2a;--warning-soft: #f1e6cf;--danger: #c0392b;--danger-soft: #f3ddd8;--accent: var(--vermilion);--accent-soft: var(--vermilion-soft);--ease: cubic-bezier(.22, 1, .36, 1);font-family:Archivo,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);background-image:radial-gradient(620px 380px at 100% -5%,rgba(214,73,47,.05),transparent 60%);overflow-x:hidden}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font:inherit}a{color:inherit;text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes draw{to{stroke-dashoffset:0}}.app-frame{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:26px;height:100vh;padding:30px 22px;color:var(--ink);background:var(--paper-2);border-right:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:4px;color:var(--card);background:var(--ink);font-family:Fraunces,serif;font-size:17px;font-weight:900;font-style:italic}.brand strong,.brand span{display:block}.brand strong{font-family:Fraunces,serif;font-size:18px;font-weight:700;letter-spacing:-.01em}.brand span{margin-top:2px;color:var(--ink-3);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.side-nav{display:grid;gap:2px}.side-nav a{position:relative;padding:11px 0;color:var(--ink-2);font-size:14px;font-weight:600;letter-spacing:.01em;border-bottom:1px solid var(--rule);transition:color .2s var(--ease),padding-left .2s var(--ease)}.side-nav a:hover{color:var(--ink);padding-left:8px}.side-nav a.active{color:var(--vermilion);padding-left:14px}.side-nav a.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--vermilion)}.sync-card{margin-top:auto;padding:0;border-top:2px solid var(--ink)}.sync-card strong,.sync-card small{display:block;margin-left:20px}.sync-card strong{margin-top:12px;font-size:12.5px;font-weight:700}.sync-card small{margin-top:4px;color:var(--ink-3);font-size:11.5px}.sync-dot{float:left;width:9px;height:9px;margin-top:15px;border-radius:50%;background:var(--success)}.sync-card.offline .sync-dot{background:var(--danger)}.workspace{width:min(100%,1500px);padding:36px 40px}.page-header,.command-card,.metric-card,.panel,.notice,.empty{border:1px solid var(--rule);border-radius:3px;background:var(--card)}.page-header{position:relative;z-index:40;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:30px 32px;margin-bottom:22px;border:0;border-bottom:2px solid var(--ink);background:transparent;border-radius:0;animation:fade .5s var(--ease) both}.eyebrow{margin:0 0 12px;color:var(--vermilion);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}h1{margin:0;font-family:Fraunces,serif;font-size:44px;font-weight:600;letter-spacing:-.02em;line-height:1}.subtitle{margin:14px 0 0;color:var(--ink-2);font-size:15px;max-width:56ch;line-height:1.5}.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:170px;padding:10px 0 10px 14px;border-left:2px solid var(--vermilion)}.store-chip span,.store-chip strong{display:block}.store-chip span{color:var(--ink-3);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.store-chip strong{margin-top:4px;font-family:Fraunces,serif;font-size:15px;font-weight:600}.refresh{min-height:52px;border:1.5px solid var(--ink);border-radius:3px;padding:0 22px;color:var(--card);background:var(--ink);font-size:13px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease)}.refresh:hover:not(:disabled){background:var(--vermilion);border-color:var(--vermilion)}.refresh:disabled{opacity:.4;cursor:not-allowed}.tool-group{display:inline-flex;border:1.5px solid var(--ink);border-radius:3px;overflow:hidden}.tool-btn{min-height:52px;min-width:50px;padding:0 13px;border:0;border-right:1px solid var(--rule);background:var(--card);color:var(--ink);font-family:Fraunces,serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}.tool-btn:last-child{border-right:0}.tool-btn:hover:not(:disabled){background:var(--ink);color:var(--card)}.tool-btn:disabled{opacity:.35;cursor:not-allowed}.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--rule)}.panel-head .panel-title{margin:0;padding:0;border:0;flex:1}.search{flex-shrink:0;width:min(280px,42%);min-height:40px;padding:0 14px;border:1px solid var(--rule-2);border-radius:3px;background:var(--paper-2);color:var(--ink);font-family:Archivo,sans-serif;font-size:13px;transition:border-color .18s var(--ease)}.search::placeholder{color:var(--ink-3)}.search:focus{outline:0;border-color:var(--vermilion)}.seg{display:inline-flex;border:1.5px solid var(--ink);border-radius:3px;overflow:hidden}.seg button{min-height:52px;padding:0 15px;border:0;border-right:1px solid var(--rule);background:var(--card);color:var(--ink-2);font-family:Archivo,sans-serif;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .18s var(--ease),color .18s var(--ease)}.seg button:last-child{border-right:0}.seg button:hover{background:var(--paper-2);color:var(--ink)}.seg button.active{background:var(--ink);color:var(--card)}.popover-backdrop{position:fixed;inset:0;z-index:40}.popover{position:absolute;top:calc(100% + 12px);right:0;z-index:50;width:274px;padding:22px;border:1.5px solid var(--ink);border-radius:4px;background:var(--card);box-shadow:8px 8px #1c1a171f;animation:rise .2s var(--ease) both}.popover h3{margin:0 0 16px;font-family:Fraunces,serif;font-size:18px;font-weight:600}.popover p{margin:0 0 14px;color:var(--ink-3);font-size:12px;font-weight:600}.field{display:block;margin-bottom:18px}.field span{display:flex;justify-content:space-between;color:var(--ink-2);font-size:12.5px;font-weight:700;margin-bottom:9px}.field span b{color:var(--vermilion);font-family:Fraunces,serif;font-style:italic}.field input[type=range]{width:100%;accent-color:var(--vermilion)}.ghost-btn{width:100%;min-height:42px;border:1px solid var(--rule-2);border-radius:3px;background:transparent;color:var(--ink);font-size:12.5px;font-weight:700;cursor:pointer;transition:background .18s var(--ease)}.ghost-btn:hover{background:var(--paper-2)}.share .qr{display:grid;place-items:center;padding:12px;margin-bottom:14px;background:#fff;border:1px solid var(--rule);border-radius:4px}.share-url{display:flex;gap:8px}.share-url input{flex:1;min-width:0;min-height:38px;padding:0 11px;border:1px solid var(--rule-2);border-radius:3px;background:var(--paper-2);color:var(--ink-2);font-size:11px}.share-url button{min-height:38px;padding:0 15px;border:0;border-radius:3px;background:var(--ink);color:var(--card);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .18s var(--ease)}.share-url button:hover{background:var(--vermilion)}.notice,.empty{padding:16px 20px;margin-bottom:18px;color:var(--ink-2);font-weight:600;animation:rise .4s var(--ease) both}.notice.danger{color:var(--danger);background:var(--danger-soft);border-color:#e3b6ae}.command-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:1px;margin-bottom:22px;background:var(--rule);border:1px solid var(--rule);border-radius:3px;overflow:hidden}.command-card{display:flex;flex-direction:column;min-height:224px;padding:26px;border:0;border-radius:0;transition:background .25s var(--ease);animation:rise .5s var(--ease) both}.command-card:nth-child(2){animation-delay:.08s}.command-card:nth-child(3){animation-delay:.16s}.command-card:hover{background:var(--paper-2)}.score-card{background: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(--ink-3);font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.score-layout{display:grid;grid-template-columns:1fr 120px;align-items:end;gap:18px;margin-top:auto}.score-value{display:block;font-family:Fraunces,serif;font-size:76px;font-weight:600;letter-spacing:-.04em;line-height:.85;color:var(--ink)}.score-card p,.priority-card p,.execution-card p{margin:14px 0 0;color:var(--ink-2);font-size:13.5px;line-height:1.55}.score-ring{position:relative;display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at center,var(--card) 0 58%,transparent 59%),conic-gradient(from -90deg,var(--vermilion) 0,var(--vermilion) var(--score),var(--rule) var(--score));transition:background 1s var(--ease)}.score-ring span{font-family:Fraunces,serif;font-size:20px;font-weight:700;color:var(--ink)}.priority-title{display:block;margin-top:auto;padding-top:16px;font-family:Fraunces,serif;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.06}.mini-metrics{margin-top:16px;padding-top:14px;border-top:1px solid var(--rule)}.mini-metrics span,.mini-metrics strong{display:block}.mini-metrics span{color:var(--ink-3);font-size:11.5px;font-weight:700}.mini-metrics strong{margin-top:4px;font-size:14px;font-weight:700}.progress-line{height:6px;margin-top:auto;overflow:hidden;border-radius:0;background:var(--rule)}.progress-line i{display:block;height:100%;background:var(--vermilion);transition:width 1s var(--ease)}.status-badge{display:inline-flex;align-items:center;gap:6px;min-width:64px;justify-content:center;border-radius:2px;padding:4px 10px;color:var(--vermilion);background:transparent;border:1px solid currentColor;font-size:10.5px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.success{color:var(--success)}.status-badge.warning{color:var(--warning)}.status-badge.danger{color:var(--danger)}.metric-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-bottom:22px;background:var(--rule);border:1px solid var(--rule);border-radius:3px;overflow:hidden}.metric-card{position:relative;min-height:120px;padding:18px;border:0;border-radius:0;transition:background .2s var(--ease);animation:fade .5s var(--ease) both}.metric-card:hover{background:var(--paper-2)}.metric-card strong,.metric-card small{display:block}.metric-card strong{margin-top:14px;font-family:Fraunces,serif;font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1}.metric-card small{margin-top:8px;color:var(--ink-3);font-size:11.5px;font-weight:600}.metric-card.success strong{color:var(--success)}.metric-card.warning strong{color:var(--warning)}.metric-card.danger strong{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.5fr) minmax(320px,.82fr);gap:16px}.panel{min-height:250px;padding:26px;transition:border-color .2s var(--ease);animation:rise .55s var(--ease) both}.panel:hover{border-color:var(--rule-2)}.table-panel{grid-row:span 2}.timeline-panel{grid-column:1}.panel-title{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--rule)}.panel-title h2{margin:6px 0 0;font-family:Fraunces,serif;font-size:22px;font-weight:600;letter-spacing:-.01em}.table-wrap{overflow:auto;margin:0 -6px}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(--ink-3);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:var(--card);border-bottom:1.5px solid var(--ink)}tbody td{border-bottom:1px solid var(--rule)}tbody tr{transition:background .15s var(--ease)}td strong,td small{display:block}td strong{font-weight:700}td small{margin-top:4px;color:var(--ink-3);font-size:11.5px}tbody tr:hover td{background:var(--paper-2)}tbody tr:last-child td{border-bottom:0}.ratio-cell{display:grid;gap:6px;min-width:96px}.ratio-cell>span{font-family:Fraunces,serif;font-size:14px;font-weight:700}.ratio-track{height:5px;overflow:hidden;border-radius:0;background:var(--rule)}.ratio-track i{display:block;height:100%;background:var(--vermilion);transition:width .8s var(--ease)}.ratio-track.success i{background:var(--success)}.ratio-track.warning i{background:var(--warning)}.ratio-track.danger i{background:var(--danger)}.trend-down{color:var(--danger);font-weight:800}.trend-up{color:var(--success);font-weight:800}.decision-stack{display:grid;gap:0}.decision-stack div{padding:14px 0;border-bottom:1px solid var(--rule)}.decision-stack div:first-child{padding-top:0}.decision-stack div:last-child{border-bottom:0;padding-bottom:0}.decision-stack strong{display:block;margin-top:6px;font-family:Fraunces,serif;font-size:17px;font-weight:600}.alert-stack{display:grid;gap:18px}.alert-section{padding-bottom:16px;border-bottom:1px solid var(--rule)}.alert-section:last-child{padding-bottom:0;border-bottom:0}.alert-section-title strong{font-family:Fraunces,serif;font-size:15px;font-weight:600}.alert-section-title span{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:2px;color:var(--card);background:var(--ink);font-size:11px;font-weight:800}.alert-section p,.muted{margin:10px 0 0;color:var(--ink-3);font-size:12.5px;font-weight:600}.alert-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.alert-row span{font-size:13px;font-weight:600}.alert-row strong{color:var(--ink-3);font-size:12.5px;font-weight:700}.timeline{display:grid;gap:18px}.timeline-legend{display:flex;align-items:center;gap:20px;color:var(--ink-2);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:3px}.legend-compliance{background:var(--vermilion)}.legend-anomaly{background:var(--ink);height:0!important;border-top:2px dashed var(--ink)}.chart{position:relative;width:100%}.chart svg{display:block;width:100%;height:auto;overflow:visible;cursor:crosshair}.chart .grid-line{stroke:var(--rule);stroke-width:1}.chart .y-label{fill:var(--ink-3);font-family:Fraunces,serif;font-size:11px;text-anchor:end}.chart .x-label{fill:var(--ink-2);font-size:11px;font-weight:700;text-anchor:middle}.chart .area{opacity:0;animation:fade .9s var(--ease) .3s forwards}.chart .line{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1600;stroke-dashoffset:1600;animation:draw 1.5s var(--ease) .2s forwards}.chart .line.compliance{stroke:var(--vermilion)}.chart .line.anomaly{stroke:var(--ink);stroke-width:1.6;stroke-dasharray:5 5;stroke-dashoffset:0;opacity:0;animation:fade .8s var(--ease) .9s forwards}.chart .dot{fill:var(--card);stroke:var(--vermilion);stroke-width:2.4;opacity:0;animation:fade .4s var(--ease) forwards}.chart .cursor-line{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 4;opacity:.4}.chart .cursor-dot{fill:var(--vermilion);stroke:var(--card);stroke-width:2.5}.chart .hit{fill:transparent}.chart-tooltip{position:absolute;z-index:5;transform:translate(-50%,-120%);min-width:132px;padding:11px 13px;border-radius:3px;border:1px solid var(--ink);background:var(--card);box-shadow:5px 5px #1c1a171f;pointer-events:none;animation:fade .16s var(--ease)}.chart-tooltip b{display:block;font-family:Fraunces,serif;font-size:14px;margin-bottom:7px}.chart-tooltip .tt-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:var(--ink-3);font-weight:700}.chart-tooltip .tt-row+.tt-row{margin-top:4px}.chart-tooltip .tt-row strong{color:var(--ink);font-family:Fraunces,serif}.chart-tooltip .tt-row i{width:9px;height:9px;border-radius:2px;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(--ink-3);font-size:11px;font-weight:600}.recurring-list{display:grid;gap:0}.recurring-list>div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--rule);transition:padding-left .2s var(--ease)}.recurring-list>div:last-child{border-bottom:0}.recurring-list>div:hover{padding-left:6px}.recurring-list>div>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--card);background:var(--ink);font-family:Fraunces,serif;font-size:14px;font-weight:700}.recurring-list strong,.recurring-list small{display:block}.recurring-list strong{font-family:Fraunces,serif;font-size:15px;font-weight:600}.recurring-list small{margin-top:2px;color:var(--ink-3);font-size:11.5px}.recurring-list em{color:var(--vermilion);font-family:Fraunces,serif;font-size:14px;font-style:italic;font-weight:600}@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:18px}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.side-nav a{text-align:center;border-bottom:0}.side-nav a.active:before{display:none}.sync-card{margin-top:0}.workspace{padding:22px}.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:16px}.side-nav{grid-template-columns:1fr 1fr}h1{font-size:34px}.metric-grid{grid-template-columns:1fr}.score-value{font-size:60px}}@media print{body{background:#fff}body:after{display:none}.app-frame{grid-template-columns:1fr}.sidebar,.header-actions,.tool-group,.search,.refresh{display:none!important}.workspace{width:100%;padding:0}.page-header{margin-bottom:16px}.command-grid,.metric-grid,.content-grid{gap:8px}.command-card,.metric-card,.panel{break-inside:avoid;box-shadow:none}.panel-head{display:block}*{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
