:root{--terra: #B85042;--dark: #7A2E23;--sand: #E7E8D1;--sage: #A7BEAE;--ink: #2B2B2B;--mute: #6B6B6B;--tint: #F6F0EC;--chrome: #ECE4DC;--line: #E4E0DC;--green: #3B6D11;--amber: #E8A33D;--white: #fff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--tint)}a{color:var(--terra);text-decoration:none}.shell{display:flex;min-height:100vh}.sidenav{width:240px;background:var(--chrome);color:var(--ink);padding:14px 12px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.brand-logo{height:30px;width:30px;border-radius:8px;flex-shrink:0;object-fit:contain}.brand-name{font-weight:800;font-size:19px;color:var(--ink);letter-spacing:-.2px}.brand-tag{font-size:10px;font-weight:800;color:var(--terra);background:var(--tint);border:1px solid var(--line);border-radius:6px;padding:1px 6px;letter-spacing:.3px}.navicon{flex-shrink:0;opacity:.85}.navlink{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--mute);font-weight:600;font-size:14px}.navlink:hover{background:var(--tint);color:var(--ink)}.navlink.active{background:#b850421a;color:var(--terra);font-weight:700}.navbadge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:8px;border-radius:9px;background:var(--terra);color:#fff;font-size:11px;font-weight:800;line-height:1;vertical-align:middle}.navtop{margin-bottom:4px}.navgroup-wrap{display:flex;flex-direction:column;border-radius:12px}.navgroup{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--ink);font-weight:700;font-size:14px;padding:9px 12px;border-radius:10px}.navgroup-label{display:flex;align-items:center;gap:10px}.navgroup:hover:not(:disabled){background:var(--tint)}.navgroup:disabled{opacity:.5;cursor:default}.navgroup .chev{font-size:10px;color:var(--mute)}.navgroup .soon{margin-left:8px;font-size:9px;letter-spacing:.3px;border:1px solid var(--line);color:var(--mute);border-radius:6px;padding:0 5px;vertical-align:middle}.navgroup-wrap.open{background:var(--tint);padding-bottom:6px}.navgroup-wrap.open .navgroup{background:transparent}.navsub{position:relative;display:flex;flex-direction:column;gap:3px;padding:2px 8px 4px}.navsub:before{content:"";position:absolute;left:16px;top:0;bottom:8px;width:1.5px;background:var(--line);border-radius:2px}.navsub .navlink{position:relative;margin-left:16px;padding:8px 12px 8px 20px;font-size:13.5px;color:var(--mute);border-radius:9px}.navsub .navlink:hover{background:#7a2e230f;color:var(--ink)}.navsub .navlink.active{background:var(--white);color:var(--terra);font-weight:700;box-shadow:0 1px 2px #2b2b2b1a}.navsub .navlink.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:8px;height:1.5px;background:var(--terra)}.main{flex:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:var(--chrome);color:var(--ink);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.topbar .hamburger{display:none;background:none;border:0;color:var(--ink);font-size:22px}.envbadge{font-size:12px;font-weight:800;background:var(--terra);color:#fff;padding:3px 8px;border-radius:20px}.topbar-right{display:flex;align-items:center;gap:12px}.topbar-user{display:flex;align-items:center;gap:8px;color:var(--mute);font-weight:600}.topbar-user:hover{color:var(--ink)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--terra);color:#fff;display:grid;place-items:center;font-weight:800;text-transform:uppercase}input:disabled{background:var(--tint);color:var(--mute)}.content{padding:20px;max-width:1100px}.btn{border:0;border-radius:10px;padding:9px 14px;font-weight:800;cursor:pointer;font-size:14px}.btn.primary{background:var(--terra);color:#fff}.btn.ghost{background:transparent;border:1.5px solid var(--mute);color:var(--mute)}.btn.green{background:var(--green);color:#fff}.btn.small{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.stat .n{font-size:28px;font-weight:800;color:var(--ink)}.stat .l{font-size:13px;color:var(--mute);margin-top:2px}.statrow{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:10px;margin-bottom:16px}.statrow .stat{padding:14px 12px}.statrow .stat .n{font-size:22px;line-height:1.2;white-space:nowrap}.statrow .stat .l{font-size:12px}@media (max-width: 900px){.statrow{grid-template-columns:repeat(2,minmax(0,1fr))}}h1{font-size:22px;margin:0 0 14px}h2{font-size:16px;margin:18px 0 10px}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px}th{background:var(--tint);font-weight:800;color:var(--mute);font-size:12px;text-transform:uppercase}tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:800}.badge.ok{background:var(--sage);color:var(--dark)}.badge.warn{background:#f6e0c0;color:#8a5a12}.badge.mute{background:#eee;color:var(--mute)}.payout-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:transparent;border:0;padding:0 0 10px;cursor:pointer;text-align:left;color:var(--ink);font:inherit}.payout-head:hover h3{color:var(--terra)}.rowactions{display:flex;gap:8px;flex-wrap:wrap}.center{min-height:60vh;display:grid;place-items:center;text-align:center;padding:24px}.field{display:block;margin-bottom:12px}.field label{display:block;font-size:13px;font-weight:700;color:var(--mute);margin-bottom:4px}.field input{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;font-size:15px}.field input::placeholder,.field textarea::placeholder{color:var(--mute);font-style:italic}@media (max-width: 780px){.sidenav{display:none}.sidenav.open{display:flex;position:fixed;inset:0 auto 0 0;z-index:20;box-shadow:0 0 0 100vmax #0006}.topbar .hamburger,table,thead,tbody,th,td,tr{display:block}thead{display:none}tr{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fff;padding:6px 4px}td{border:0;padding:6px 12px}td:before{content:attr(data-label);display:block;font-size:11px;font-weight:800;color:var(--mute);text-transform:uppercase}.permtable{display:table;width:100%;table-layout:fixed}.permtable thead{display:table-header-group}.permtable tbody{display:table-row-group}.permtable tr{display:table-row;border:0;margin:0;padding:0;background:transparent}.permtable th,.permtable td{display:table-cell;border:0;border-bottom:1px solid var(--line);padding:8px 6px;vertical-align:middle}.permtable th:first-child,.permtable td:first-child{width:auto}.permtable th:not(:first-child),.permtable td:not(:first-child){width:58px;text-align:center}.permtable td:before{content:none}}.greeting{color:var(--mute);font-weight:600;font-size:14px;white-space:nowrap}@media (max-width: 640px){.greeting{display:none}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;left:0;top:0;width:100%;box-shadow:none;border:0}.no-print{display:none!important}.no-print-bg{background:none!important}}