@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap";:root{color:#14251e;font-synthesis:none;--green-950:#0e211a;--green-900:#14251e;--green-700:#3c5247;--gold:#c9a86a;--cream:#f4f2ee;--surface:#fffdfa;--border:#e5e1d8;--danger:#c84036;--warning:#d98a16;--success:#3c7a5e;--text-muted:#6e776f;background:#f4f2ee;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, #fff 0, var(--cream) 48%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#0f2b21 0%,#0b241b 100%);flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 12px 24px;display:flex}.brand-mark{width:39px;height:39px;color:var(--gold);border:1px solid #c9a86a8c;place-items:center;font-family:Playfair Display;font-size:25px;display:grid}.brand-name{font-family:Playfair Display;font-size:29px;line-height:1}.brand-subline{opacity:.65;margin-top:4px;font-size:11px}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:#ffffffd1;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;text-decoration:none;display:flex}.nav-item:hover,.nav-item--active{color:#fff;background:#ffffff1f}.nav-item--active{box-shadow:inset 0 0 0 1px #ffffff0f}.sidebar-user{border-top:1px solid #ffffff1f;align-items:center;gap:10px;margin-top:auto;padding:16px 10px 0;display:flex}.avatar{border:1px solid var(--gold);border-radius:9px;place-items:center;width:35px;height:35px;font-size:12px;display:grid}.sidebar-user__meta{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user__meta strong{font-size:12px}.sidebar-user__meta span{opacity:.65;font-size:11px}.main-column{min-width:0}.topbar{justify-content:flex-end;align-items:center;gap:18px;height:76px;padding:0 28px;display:flex}.global-search{border:1px solid var(--border);background:#ffffffc2;border-radius:12px;align-items:center;gap:9px;width:min(520px,44vw);padding:10px 12px;display:flex;box-shadow:0 8px 26px #14251e0d}.global-search input{color:var(--green-900);background:0 0;border:0;outline:0;flex:1}kbd{border:1px solid var(--border);color:#8a8d88;border-radius:6px;padding:2px 6px;font-size:11px}.topbar-actions{gap:12px;display:flex}.icon-button,.property-switcher{border:1px solid var(--border);background:#ffffffc2;border-radius:11px;justify-content:center;align-items:center;min-height:40px;display:inline-flex}.icon-button{width:40px}.notification-button{position:relative}.notification-dot{background:var(--gold);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid;position:absolute;top:-5px;right:-4px}.property-switcher{gap:22px;padding:0 14px}.mobile-menu{display:none}.content{padding:0 28px 32px}.page-heading{justify-content:space-between;align-items:center;margin:4px 0 22px;display:flex}.page-heading h1,.placeholder-view h1{margin:0;font-family:Playfair Display;font-size:36px;font-weight:600}.page-heading p{color:var(--text-muted);margin:7px 0 0}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi-card{border:1px solid var(--border);background:#fffdfaeb;border-radius:14px;justify-content:space-between;min-height:120px;padding:17px;display:flex;box-shadow:0 10px 30px #14251e0d}.kpi-card strong{margin:11px 0 4px;font-family:Playfair Display;font-size:31px;display:block}.kpi-card span{color:var(--text-muted);font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:11px;font-weight:700}.kpi-icon{background:#f0eee8;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.kpi-card--danger{border-color:#edc7c2}.kpi-card--danger strong,.amount-positive{color:var(--danger)}.kpi-card--warning strong{color:#d36f00}.kpi-card--success strong,.kpi-card--green strong{color:var(--success)}.kpi-card--gold strong{color:#a97d37}.dashboard-workspace{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:16px;display:grid}.dashboard-main{gap:16px;min-width:0;display:grid}.panel{border:1px solid var(--border);background:#fffdfaf0;border-radius:14px;box-shadow:0 10px 30px #14251e0b}.deviation-panel{overflow:hidden}.panel-header{padding:18px 18px 8px}.panel-title-row{align-items:center;gap:8px;display:flex}.panel h2,.panel h3{margin:0}.panel h2{text-transform:uppercase;letter-spacing:.06em;font-size:15px}.count-badge{background:var(--danger);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-grid}.count-badge--gold{background:var(--gold)}.filters-row{gap:8px;padding:12px 16px;display:flex}.table-search,.filter-button{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;gap:8px;height:40px;display:flex}.table-search{flex:1;min-width:280px;padding:0 11px}.table-search input{border:0;outline:0;width:100%}.filter-button{color:#3b443e;padding:0 13px}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;min-width:940px}.data-table th{text-align:left;color:#6b746e;background:#f8f6f2;padding:12px 10px;font-size:11px;font-weight:600}.data-table td{vertical-align:middle;border-top:1px solid #ece8df;padding:12px 10px;font-size:12px}.data-table tbody tr{transition:all .15s}.data-table tbody tr:hover,.data-table tbody tr.is-selected{background:#fbf8f2}.data-table strong,.data-table small{display:block}.data-table small{color:#81877f;margin-top:3px}.priority-icon--critical{color:var(--danger)}.priority-icon--high{color:var(--warning)}.status-badge{border-radius:7px;align-items:center;padding:5px 8px;font-size:11px;display:inline-flex}.status-badge--warning{color:#a75d00;background:#fff1db}.status-badge--danger{color:#b93e35;background:#fde8e5}.status-badge--success{color:#2e6f51;background:#e3f2e9}.status-badge--neutral{color:#666;background:#efefec}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 13px;font-size:12px;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(#154c38,#0e2d22);border:1px solid #0d2c21}.secondary-button{border:1px solid var(--border);color:var(--green-900);background:#fff}.row-actions{gap:6px;display:flex}.detail-panel{position:sticky;top:88px;overflow:hidden}.detail-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.detail-header h2{font-size:13px}.detail-summary{justify-content:space-between;gap:12px;padding:15px;display:flex}.detail-summary>div:first-child{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.detail-summary>div:first-child span:last-child{color:var(--text-muted);grid-column:1/-1;font-size:12px}.detail-amount{color:var(--danger);text-align:right;font-weight:700}.detail-amount small{color:var(--text-muted);margin-top:6px;font-weight:400;display:block}.detail-tabs{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex}.detail-tabs button{text-transform:uppercase;background:0 0;border:0;flex:1;padding:13px 5px;font-size:10px}.detail-tabs button.is-active{border-bottom:2px solid var(--green-900);font-weight:700}.detail-content section{border-bottom:1px solid var(--border);padding:16px}.detail-content h3{margin:6px 0;font-size:14px}.detail-content p{color:var(--text-muted);font-size:12px}.detail-meta{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.detail-meta span{flex-direction:column;gap:6px;font-size:12px;display:flex}.detail-meta small{color:var(--text-muted)}.document-flow{align-items:center;gap:6px;display:flex}.document-flow>div{border:1px solid var(--border);text-align:center;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;padding:12px 8px;font-size:10px;display:flex}.document-flow svg{color:var(--success)}.document-flow .has-error svg{color:var(--danger)}.summary-list{margin:0}.summary-list div{justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.summary-list dt{color:var(--text-muted)}.summary-list dd{margin:0;font-weight:600}.detail-actions{grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid}.bottom-grid{grid-template-columns:1fr 1.15fr 1fr;gap:12px;display:grid}.compact-panel{padding:18px}.compact-panel h3{text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;font-size:13px}.compact-row{border-bottom:1px solid #eeeae2;justify-content:space-between;gap:10px;padding:8px 0;font-size:11px;display:flex}.compact-row em{color:#a75d00;white-space:nowrap;background:#fff1db;border-radius:6px;padding:3px 6px;font-style:normal}.financial-box{align-items:center;gap:16px;display:flex}.donut{aspect-ratio:1;background:conic-gradient(#3c7a5e 0 58%,#d7a13a 58% 73%,#c84036 73% 92%,#14251e 92%);border-radius:50%;width:105px;position:relative}.donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:22px}.financial-box ul{flex:1;margin:0;padding:0;list-style:none}.financial-box li{justify-content:space-between;gap:14px;padding:5px 0;font-size:10px;display:flex}.total-row{border-top:1px solid var(--border);justify-content:space-between;margin-top:12px;padding-top:12px;font-size:12px;display:flex}.placeholder-view{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:30px}.placeholder-view p{color:var(--text-muted)}@media (width<=1320px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-workspace{grid-template-columns:1fr}.detail-panel{position:static}.bottom-grid{grid-template-columns:1fr 1fr}.bottom-grid>:last-child{grid-column:1/-1}}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:20;width:238px;transition:all .2s;position:fixed;left:-260px}.sidebar--open{left:0}.mobile-menu{display:inline-flex}.topbar{justify-content:space-between;padding:0 16px}.global-search{flex:1;width:auto}.property-switcher{display:none}.content{padding:0 16px 24px}.kpi-grid{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}.bottom-grid>:last-child{grid-column:auto}.page-heading h1{font-size:30px}}@media (width<=620px){.kpi-grid{grid-template-columns:1fr}.global-search kbd{display:none}.page-heading h1{font-size:27px}.filters-row{overflow:auto}.table-search{min-width:240px}.detail-actions{grid-template-columns:1fr}}