@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500&family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #faf8f3;--bg2: #ffffff;--bg3: #f3efe7;--border: #e8e3d8;--border2: #d8d2c4;--text: #1f2937;--text2: #5a6270;--text3: #a8a194;--brand: #6b7c5e;--brand2: #5a6a4f;--brand-text: #ffffff;--brand-sub: rgba(255,255,255,.65);--brand-nav: #5a6270;--brand-nav-active: #1f2937;--brand-nav-hover: rgba(107,124,94,.08);--brand-nav-active-bg: rgba(107,124,94,.14);--brand-section: #a8a194;--brand-border: #e8e3d8;--accent: #6b7c5e;--accent2: #5a6a4f;--red: #c84a3d;--amber: #c98426;--blue: #4a7ba6;--purple: #7e6cb1;--green: #5d8a4e;--sidebar-w: 224px;--serif: "Fraunces", Georgia, serif}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}#root{height:100%}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-logo{padding:26px 22px 20px;border-bottom:1px solid var(--border)}.sidebar-logo .wordmark{font-family:var(--serif);font-size:21px;font-weight:400;font-variation-settings:"opsz" 144;letter-spacing:-.005em;color:var(--text)}.sidebar-logo .sub{font-family:DM Mono,monospace;font-size:9px;color:var(--text3);margin-top:4px;letter-spacing:.18em;text-transform:uppercase}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.nav-section-label{font-family:DM Mono,monospace;font-size:9px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text3);padding:18px 22px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 22px;font-size:13px;font-weight:500;color:var(--brand-nav);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:color .15s,background .15s;letter-spacing:.005em;border-radius:0;position:relative}.nav-item .icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:currentColor;opacity:.75}.nav-item:hover .icon,.nav-item.active .icon{opacity:1}.nav-item:hover{color:var(--brand-nav-active);background:var(--brand-nav-hover)}.nav-item.active{color:var(--brand-nav-active);background:var(--brand-nav-active-bg);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--brand);border-radius:0 2px 2px 0}.sidebar-footer{padding:14px 18px;border-top:1px solid var(--brand-border);font-family:DM Mono,monospace;font-size:10px;color:var(--brand-sub)}.main-content{flex:1;overflow-y:auto;background:var(--bg)}.page-header{padding:22px 36px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:16px;background:var(--bg);position:sticky;top:0;z-index:10}.page-title{font-family:var(--serif);font-size:32px;font-weight:300;font-variation-settings:"opsz" 144;letter-spacing:-.015em;color:var(--text);line-height:1.05}.page-subtitle{font-size:11px;color:var(--text3);margin-top:6px;font-family:DM Mono,monospace;letter-spacing:.05em}.page-body{padding:28px 36px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:28px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px 22px;position:relative;overflow:hidden;box-shadow:0 1px 2px #281e140a}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--brand);opacity:.5}.stat-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text3);margin-bottom:10px}.stat-value{font-family:Inter,sans-serif;font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--text);line-height:1.1}.stat-meta{font-family:DM Mono,monospace;font-size:10px;color:var(--text3);margin-top:8px;letter-spacing:.04em}.stat-meta.up{color:var(--green)}.stat-meta.down{color:var(--red)}.table-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #281e140a}.table-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg2)}.table-title{font-size:13px;font-weight:500;color:var(--text);letter-spacing:.01em}table{width:100%;border-collapse:collapse;font-size:13px}thead th{padding:9px 16px;text-align:left;font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);background:var(--bg3)}tbody tr{border-bottom:1px solid var(--border);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fbf9f3}tbody td{padding:13px 16px;color:var(--text);vertical-align:middle}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-family:DM Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.badge-green{background:#e6efe2;color:#4a6f3e}.badge-red{background:#f7e0dc;color:#a83a2f}.badge-amber{background:#f3e7d0;color:#94621c}.badge-blue{background:#e1edf5;color:#355d80}.badge-purple{background:#e7e2f0;color:#5e4f8c}.badge-gray{background:var(--bg3);color:var(--text2)}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;letter-spacing:.025em;cursor:pointer;border:1px solid transparent;transition:all .15s;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover:not(:disabled){background:var(--brand2);border-color:var(--brand2)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border2)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--text2);background:var(--bg3)}.btn-danger{background:transparent;color:var(--red);border:1px solid #ecc7c1}.btn-danger:hover:not(:disabled){background:#f7e0dc;border-color:var(--red)}.btn-sm{padding:6px 11px;font-size:11px;gap:5px;border-radius:6px}.input,.select{background:var(--bg2);border:1px solid var(--border2);border-radius:7px;color:var(--text);font-family:Inter,sans-serif;font-size:13px;padding:8px 12px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.input:focus,.select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6b7c5e1f}.input::placeholder{color:var(--text3)}.search-input-wrap{position:relative;display:flex;align-items:center}.search-input-wrap .search-icon{position:absolute;left:10px;color:var(--text3);font-size:14px;pointer-events:none}.search-input-wrap .input{padding-left:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.full{grid-column:1 / -1}.form-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}textarea.input{min-height:80px;resize:vertical}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{padding:22px 26px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--serif);font-size:22px;font-weight:300;font-variation-settings:"opsz" 96;color:var(--text);letter-spacing:-.015em}.modal-body{padding:24px 26px}.modal-footer{padding:16px 26px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--bg3);border-radius:0 0 14px 14px}.toggle-wrap{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle{width:34px;height:19px;background:var(--border2);border-radius:100px;position:relative;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--accent)}.toggle:after{content:"";position:absolute;width:13px;height:13px;background:#fff;border-radius:50%;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle.on:after{left:18px}.empty-state{text-align:center;padding:56px 24px;color:var(--text3)}.empty-state .icon{font-size:36px;margin-bottom:14px;opacity:.4}.empty-state p{font-size:13px}.loading{display:flex;align-items:center;justify-content:center;padding:64px;gap:10px;color:var(--text3);font-family:DM Mono,monospace;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.filter-pill{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--border2);background:var(--bg2);color:var(--text2);cursor:pointer;transition:all .15s}.filter-pill:hover{border-color:var(--brand);color:var(--brand)}.filter-pill.active{background:var(--brand);color:#fff;border-color:var(--brand)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}@media (max-width: 768px){.sidebar{display:none!important}.app-shell{flex-direction:column}.main-content{padding-bottom:72px}.page-header{flex-direction:column;gap:10px;align-items:stretch!important;padding:16px 16px 12px!important}.page-header .btn-primary{width:100%;text-align:center}.page-body{padding:0 12px 24px!important}.modal{max-width:100%!important;margin:8px!important;max-height:calc(100vh - 16px)!important;border-radius:12px!important}.modal-body{max-height:calc(100vh - 140px)!important;overflow-y:auto!important}.form-grid{grid-template-columns:1fr!important}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--brand);border-top:1px solid var(--brand-border);padding:6px 0 env(safe-area-inset-bottom,8px);z-index:900}@media (max-width: 768px){.mobile-nav{display:flex}}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--brand-nav);font-size:10px;font-family:Inter,sans-serif;cursor:pointer;padding:6px 4px}.mobile-nav-item.active{color:var(--brand-text)}.mobile-nav-item .mob-icon{font-size:18px;line-height:1}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:950}.mobile-drawer{position:fixed;bottom:0;left:0;right:0;background:var(--brand);border-radius:16px 16px 0 0;max-height:80vh;overflow-y:auto;z-index:960;padding:12px 20px env(safe-area-inset-bottom,20px)}.mobile-drawer-handle{width:36px;height:4px;border-radius:2px;background:var(--brand-border);margin:0 auto 16px}.mobile-drawer-section{font-size:9px;font-family:DM Mono,monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--brand-sub);padding:14px 0 6px}.mobile-drawer-item{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;color:var(--brand-nav);font-size:14px;font-family:Inter,sans-serif;padding:10px 4px;cursor:pointer;border-radius:6px}.mobile-drawer-item.active{color:var(--brand-text);background:var(--brand-active)}.mobile-drawer-item .drawer-icon{font-size:16px;width:24px;text-align:center}.mobile-drawer-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 4px 4px;border-top:1px solid var(--brand-border);margin-top:12px}