:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24352e;background:#f4f1e9;font-synthesis:none;text-rendering:optimizeLegibility;--forest-950: #102b23;--forest-900: #173e32;--forest-800: #245344;--forest-700: #32705c;--coffee-700: #70452f;--gold-500: #d59b2c;--cream-100: #faf8f2;--cream-200: #f4f1e9;--cream-300: #eae3d5;--ink: #20332b;--muted: #6e7c75;--danger: #b84435}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:var(--cream-200)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;height:100vh;position:sticky;top:0;background:var(--forest-950);color:#eff6ef;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08);z-index:30}.brand{display:flex;gap:12px;align-items:center;padding:24px 22px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:var(--forest-950);background:linear-gradient(145deg,#f1ca6a,#c9881f);box-shadow:0 8px 26px #00000040}.brand-name{font-size:21px;font-weight:800;letter-spacing:-.5px}.brand-name span{color:#e8bd55}.brand-caption{color:#9eb5aa;font-size:11px;margin-top:1px}.nav{padding:14px 12px;overflow:auto;flex:1}.nav-section{color:#718d81;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;padding:12px 10px 7px}.nav-link{display:flex;align-items:center;gap:12px;color:#b9ccc3;padding:10px 11px;margin:2px 0;border-radius:10px;font-size:13px;font-weight:600;transition:.16s ease}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link.active{color:#fff8e7;background:linear-gradient(90deg,#d59b2c40,#d59b2c14);box-shadow:inset 3px 0 #e8b54e}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08)}.user-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#315d4d;display:grid;place-items:center;font-weight:800;color:#f4c864}.user-name{font-size:12px;font-weight:700}.user-role{font-size:10px;color:#8ca69a}.logout{width:100%;border:0;background:#ffffff0d;color:#bdcfc6;padding:8px 10px;border-radius:8px;display:flex;gap:8px;justify-content:center;align-items:center}.workspace{flex:1;min-width:0}.topbar{background:#faf8f2f2;backdrop-filter:blur(14px);border-bottom:1px solid #e3ddcf;position:sticky;top:0;z-index:20}.topbar-main{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:14px 28px}.eyebrow{color:var(--forest-700);text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:10px}.page-title{margin:2px 0 0;font-family:Georgia,Times New Roman,serif;font-size:23px;color:var(--forest-950)}.sync-pill{display:flex;align-items:center;gap:7px;color:#527064;font-size:11px;background:#edf2ec;border:1px solid #dce6dd;padding:7px 10px;border-radius:99px}.sync-dot{width:7px;height:7px;background:#52a471;border-radius:50%;box-shadow:0 0 0 4px #52a4711f}.filters{padding:0 28px 14px;display:flex;flex-wrap:wrap;gap:8px;align-items:end}.filter-field{display:flex;flex-direction:column;gap:4px;min-width:116px}.filter-field label{font-size:9px;color:#7b887f;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.filter-field select,.filter-field input{height:34px;border:1px solid #ddd7ca;color:#31483e;background:#fff;border-radius:8px;padding:0 9px;font-size:11px;outline:none;max-width:155px}.filter-field select:focus,.filter-field input:focus{border-color:#7ca48f;box-shadow:0 0 0 3px #32705c17}.filter-more{position:relative}.filter-popover{position:absolute;right:0;top:calc(100% + 8px);width:340px;padding:14px;background:#fff;border:1px solid #ded8cc;box-shadow:0 18px 50px #22312a29;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;z-index:50}.btn{border:1px solid #d6d0c3;background:#fff;color:#3c5148;min-height:34px;border-radius:8px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{border-color:#9cab9f}.btn.primary{background:var(--forest-900);color:#fff;border-color:var(--forest-900)}.btn.gold{background:#e4ae3c;border-color:#e4ae3c;color:#2d342b}.btn.danger{color:var(--danger)}.content{padding:26px 28px 48px;max-width:1800px;margin:auto}.page-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.page-intro h2{margin:0;font-family:Georgia,Times New Roman,serif;color:var(--forest-950);font-size:28px;font-weight:700}.page-intro p{color:var(--muted);margin:6px 0 0;font-size:13px;max-width:720px}.actions{display:flex;gap:8px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.kpi-card{background:var(--cream-100);border:1px solid #e0dbcf;padding:16px;border-radius:13px;position:relative;overflow:hidden;min-height:114px}.kpi-card:after{content:"";position:absolute;width:68px;height:68px;border-radius:50%;right:-24px;top:-25px;background:#d59b2c14}.kpi-label{color:#75827b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.kpi-value{color:var(--forest-950);font-family:Georgia,serif;font-size:25px;margin-top:12px;line-height:1}.kpi-caption{color:#839087;font-size:10px;margin-top:7px}.panel{background:var(--cream-100);border:1px solid #e0dbcf;border-radius:14px;box-shadow:0 5px 24px #2d3e3509}.panel-header{min-height:52px;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e9e4d9}.panel-title{font-size:12px;font-weight:800;color:#344b40}.panel-caption{color:#8a958f;font-size:10px;margin-top:2px}.panel-body{padding:15px}.chart{width:100%;height:280px}.dashboard-widget{height:100%;overflow:hidden}.dashboard-widget.editing{outline:2px dashed #c8952e;outline-offset:3px}.widget-handle{border:0;background:transparent;color:#8d9b94;cursor:grab;padding:4px}.widget-hide{border:0;background:transparent;color:#9caaa3;font-size:17px}.dashboard-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.react-grid-item.react-grid-placeholder{background:#d59b2c33!important;border:1px dashed #c48a22;border-radius:13px}.table-panel{overflow:hidden}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:900px;font-size:11px}.data-table th{position:sticky;top:0;z-index:1;text-align:left;color:#748078;background:#f4f1e9;text-transform:uppercase;letter-spacing:.06em;font-size:9px;padding:10px 12px;border-bottom:1px solid #ded8cc}.data-table td{padding:10px 12px;border-bottom:1px solid #eee9df;color:#42554c;white-space:nowrap}.data-table tbody tr:hover{background:#f7f3e9}.table-link{color:#24654f;font-weight:800}.badge{padding:4px 7px;border-radius:99px;font-size:9px;font-weight:800;text-transform:uppercase;background:#e8eee9;color:#4b6659}.badge.warn{background:#fff0cf;color:#8b5d05}.badge.error{background:#fae1dc;color:#9b382b}.pagination{padding:12px 15px;border-top:1px solid #e8e2d7;display:flex;justify-content:space-between;align-items:center;color:#738078;font-size:11px}.pagination-controls{display:flex;gap:6px}.loading{min-height:240px;display:grid;place-items:center;color:#718078}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid #dfe5df;border-top-color:#2d7159;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:44px;text-align:center;color:#7a8880}.alert{border:1px solid #e2ca94;color:#725112;background:#fff7e1;padding:12px 14px;border-radius:10px;font-size:11px}.error-box{border-color:#e3b7af;color:#8f382d;background:#fff0ed}.login{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr}.login-visual{background:radial-gradient(circle at 20% 15%,#376552 0,transparent 28%),linear-gradient(145deg,#0e2c23,#173e32 55%,#261d17 120%);color:#fff;position:relative;overflow:hidden;padding:64px;display:flex;flex-direction:column;justify-content:space-between}.login-visual:before,.login-visual:after{content:"";position:absolute;border:1px solid rgba(236,195,93,.18);border-radius:50%;width:500px;height:500px;right:-210px;bottom:-210px}.login-visual:after{width:340px;height:340px;right:-130px;bottom:-130px}.login-copy{position:relative;z-index:2;max-width:580px}.login-copy h1{font:700 54px/1.05 Georgia,serif;margin:18px 0;letter-spacing:-1.5px}.login-copy h1 em{color:#e7b64e;font-style:normal}.login-copy p{color:#bbcec5;font-size:15px;line-height:1.7;max-width:480px}.domain-path{color:#8ba79b;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.login-form-side{background:#f5f1e8;display:grid;place-items:center;padding:40px}.login-card{width:min(390px,100%)}.login-card h2{font:700 31px Georgia,serif;margin:0;color:var(--forest-950)}.login-card>p{color:#75827b;font-size:12px;margin:8px 0 30px}.form-field{margin-bottom:16px}.form-field label{display:block;font-size:10px;font-weight:800;color:#66766e;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.form-field input{width:100%;height:44px;border:1px solid #d8d1c3;border-radius:9px;background:#fff;padding:0 12px;outline:none;color:#263b32}.form-field input:focus{border-color:#5c8976;box-shadow:0 0 0 3px #2453441a}.login-submit{width:100%;height:46px;margin-top:5px;border:0;border-radius:9px;color:#fff;background:linear-gradient(135deg,#173e32,#2f6a55);font-weight:800;box-shadow:0 10px 24px #173e3233}.login-error{color:#983c30;background:#fbe9e5;border:1px solid #edc5bd;padding:10px;border-radius:8px;font-size:11px;margin-bottom:14px}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.detail-list{display:grid;gap:8px}.detail-line{display:flex;justify-content:space-between;border-bottom:1px solid #ece7dc;padding:7px 0;font-size:11px}@media(max-width:1100px){.sidebar{width:76px}.brand{justify-content:center;padding-inline:10px}.brand-text,.nav-link span,.nav-section,.user-details,.logout span{display:none}.nav-link{justify-content:center;padding:11px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{width:62px}.brand-mark{width:36px;height:36px}.content,.topbar-main,.filters{padding-left:14px;padding-right:14px}.filters{flex-wrap:nowrap;overflow-x:auto}.filter-field{min-width:120px}.filter-popover{position:fixed;top:150px;left:74px;right:10px;width:auto}.kpi-grid,.section-grid{grid-template-columns:1fr}.page-intro{align-items:start;flex-direction:column}.login{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{min-height:100vh;padding:24px}}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;opacity:0}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}