:root{--ink: #1c1712;--muted: #6b5e52;--paper: #f4efe6;--card: #fffaf3;--line: #e4d8c8;--terra: #c45c26;--terra-dark: #9a3f14;--sage: #2f5d4a;--danger: #9b2c2c;--shadow: 0 18px 40px rgba(28, 23, 18, .08);font-family:"Source Sans 3",system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{background:radial-gradient(1200px 500px at 10% -10%,#fbe7d4 0%,transparent 50%),var(--paper);overflow-x:hidden}body.nav-locked{overflow:hidden}h1,h2,h3,.brand{font-family:Fraunces,Georgia,serif}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;min-height:100dvh}.mobile-bar,.nav-scrim,.close-nav{display:none}.sidebar{background:var(--ink);color:#f6efe6;padding:28px 20px;display:flex;flex-direction:column;gap:28px}.sidebar-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.brand{font-size:1.35rem;letter-spacing:-.03em}.brand span{color:#e8a06a}.nav{display:flex;flex-direction:column;gap:6px}.nav a{text-decoration:none;padding:10px 12px;border-radius:10px;color:#d7ccc0}.nav a.active,.nav a:hover{background:#2a241e;color:#fff}.sidebar .who{margin-top:auto;font-size:.9rem;color:#cbbba8}.sidebar .who button{margin-top:10px;width:100%;background:transparent;border:1px solid #4a4037;color:#f6efe6;border-radius:10px;padding:10px;cursor:pointer}.main{padding:28px 32px 48px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;gap:16px}.page-title{margin:0;font-size:1.8rem}.period{color:var(--muted)}.grid{display:grid;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px;box-shadow:var(--shadow);min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.card h3{margin:0 0 12px;font-size:1.15rem}.metric{font-size:1.4rem;font-weight:650;font-family:Fraunces,serif}.muted{color:var(--muted);font-size:.92rem}.badge{display:inline-block;background:#efe3d4;border-radius:999px;padding:2px 8px;font-size:.78rem}label{display:block;font-size:.88rem;color:var(--muted);margin:10px 0 4px}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;max-width:100%;font-size:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}button.primary,button.ghost,button.danger{border:0;border-radius:12px;padding:10px 14px;cursor:pointer}button.primary{background:var(--terra);color:#fff}button.primary:hover{background:var(--terra-dark)}button.ghost{background:#efe6d8}button.danger{background:#f3d5d0;color:var(--danger)}table{width:100%;border-collapse:collapse;font-size:.95rem}th{text-align:left;color:var(--muted);font-weight:600;padding:8px 6px;border-bottom:1px solid var(--line)}td{padding:10px 6px;border-bottom:1px solid #f0e6d8}.error{background:#fde8e4;color:var(--danger);padding:10px 12px;border-radius:10px;margin:10px 0}.ok{background:#e4f1ea;color:var(--sage);padding:10px 12px;border-radius:10px;margin:10px 0}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%)}.tabs{display:flex;gap:8px;margin-bottom:8px}.tabs button{flex:1}.bar-list{display:flex;flex-direction:column;gap:8px}.bar{height:10px;background:#eadccb;border-radius:99px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--terra)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.chart-card p.muted{margin:-6px 0 10px}.chart-box{width:100%;height:260px;min-width:0}.metric.warn{color:var(--danger)}.icon-btn{display:none;width:44px;height:44px;border:0;border-radius:12px;background:#efe6d8;padding:10px 11px;flex-direction:column;justify-content:space-between}.icon-btn span{display:block;height:2px;background:var(--ink);border-radius:2px}@media(max-width:1100px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.mobile-bar{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:20;background:var(--paper);padding:calc(10px + env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--line)}.icon-btn{display:flex}.brand-mini{font-family:Fraunces,Georgia,serif;font-weight:650}.page-title{display:none}.topbar{margin-bottom:14px}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;background:#1c171273}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(320px,88vw);z-index:40;transform:translate(-105%);transition:transform .2s ease;padding-top:calc(20px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom))}.app-shell.is-open .sidebar{transform:translate(0)}.close-nav{display:inline-flex}.nav a{padding:12px;min-height:44px}.grid.cols-3,.grid.cols-2,.grid.cols-4,.row{grid-template-columns:1fr}.main{padding:16px 16px calc(32px + env(safe-area-inset-bottom))}.actions{flex-direction:column}.actions button{width:100%;min-height:44px}.chart-box{height:220px}table{min-width:520px}}@media(max-width:520px){.auth{padding:16px;padding-top:calc(16px + env(safe-area-inset-top))}.card{padding:16px 14px 14px}}