@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--orange:#f97316;--orange-dark:#ea6a08;--orange-light:#fff7ed;--orange-mid:#fed7aa;--sidebar-w:228px;--topbar-h:56px;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 12px 40px #00000024;--font:"DM Sans", sans-serif;--mono:"DM Mono", monospace;--border:.5px solid #0000001a;--bg:#f8f7f4;--surface:#fff;--text:#1a1a18;--text-2:#6b6b66;--text-3:#9b9b96}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.app-shell{height:100vh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-body{flex:1;padding:22px 26px;overflow-y:auto}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:var(--border);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-logo{border-bottom:var(--border);align-items:center;gap:10px;padding:18px 16px 14px;display:flex}.sidebar-logo-icon{background:var(--orange);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo-name{font-size:15px;font-weight:600}.sidebar-logo-sub{color:var(--text-2);margin-top:1px;font-size:10px}.sidebar-section{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;padding:12px 16px 4px;font-size:10px;font-weight:600}.nav-item{cursor:pointer;color:var(--text-2);border-left:2px solid #0000;align-items:center;gap:10px;padding:9px 16px;font-size:13px;text-decoration:none;transition:all .13s;display:flex}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item.active{color:var(--orange);background:var(--orange-light);border-left-color:var(--orange);font-weight:500}.nav-badge{background:var(--bg);color:var(--text-2);font-size:10px;font-family:var(--mono);border-radius:99px;margin-left:auto;padding:1px 6px}.nav-icon{opacity:.7;flex-shrink:0;width:16px;height:16px}.nav-item.active .nav-icon{opacity:1}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 26px;display:flex}.topbar-title{font-size:16px;font-weight:500}.topbar-actions{align-items:center;gap:8px;display:flex}.btn{font-size:12px;font-family:var(--font);border-radius:var(--radius-sm);border:var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;outline:none;align-items:center;gap:6px;padding:7px 14px;font-weight:400;transition:background .12s,transform .1s;display:inline-flex}.btn:hover{background:var(--bg)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--orange);color:#fff;border-color:var(--orange)}.btn-primary:hover{background:var(--orange-dark)}.btn-danger{color:#b91c1c;background:#fff1f0;border-color:#fca5a5}.btn-sm{padding:5px 10px;font-size:11px}.btn-icon{border-radius:var(--radius-sm);padding:6px}.card{background:var(--surface);border:var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-pad{padding:16px 18px}.stat-card{background:var(--surface);border:var(--border);border-radius:var(--radius-md);padding:14px 16px}.stat-label{color:var(--text-2);margin-bottom:6px;font-size:11px}.stat-val{font-size:24px;font-weight:500;font-family:var(--mono);line-height:1.1}.stat-sub{color:var(--text-2);margin-top:4px;font-size:11px}.stat-sub.up{color:#3b6d11}.stat-sub.warn{color:#854f0b}.stat-sub.danger{color:#b91c1c}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px;display:grid}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.three-col{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.table-wrap{border:var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:12px}th{background:var(--bg);text-align:left;color:var(--text-2);border-bottom:var(--border);white-space:nowrap;padding:9px 12px;font-size:11px;font-weight:500}td{border-bottom:var(--border);color:var(--text);vertical-align:middle;padding:10px 12px}tr:last-child td{border-bottom:none}tr:hover td{background:#fafaf8}.td-mono{font-family:var(--mono);font-size:11px}.td-muted{color:var(--text-2)}.form-grid{gap:16px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.form-group{flex-direction:column;display:flex}.form-label{color:var(--text-2);margin-bottom:5px;font-size:12px;font-weight:500}input,select,textarea{border:var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);font-size:13px;font-family:var(--font);outline:none;padding:8px 10px;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f973161f}textarea{resize:vertical;min-height:64px}.input-error{border-color:#f87171!important}.field-error{color:#b91c1c;margin-top:3px;font-size:11px}.modal-overlay{z-index:200;background:#00000075;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:92vh;box-shadow:var(--shadow-lg);animation:.18s slideUp;overflow-y:auto}.modal-hd{border-bottom:var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-title{font-size:15px;font-weight:500}.modal-body{padding:22px 20px}.modal-ft{border-top:var(--border);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.close-btn{background:var(--bg);cursor:pointer;width:30px;height:30px;color:var(--text-2);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background .12s;display:flex}.close-btn:hover{background:#ede9e0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.badge{white-space:nowrap;border-radius:99px;align-items:center;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.pill-ref{font-family:var(--mono);color:var(--text-2);font-size:11px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.toolbar input{flex:1;min-width:180px}.toolbar select{flex-shrink:0;width:160px}.tab-row{border-bottom:var(--border);gap:2px;margin-bottom:20px;display:flex}.tab{cursor:pointer;color:var(--text-2);border-bottom:2px solid #0000;padding:9px 16px;font-size:13px;transition:all .12s}.tab.active{color:var(--orange);border-bottom-color:var(--orange);font-weight:500}.section-hd{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title{font-size:13px;font-weight:500}.bar-bg{background:var(--bg);vertical-align:middle;border-radius:3px;width:64px;height:5px;display:inline-block;overflow:hidden}.bar-fill{background:var(--orange);border-radius:3px;height:100%;transition:width .3s}.empty-state{text-align:center;color:var(--text-2);padding:52px 20px}.empty-state .es-icon{margin-bottom:12px;font-size:40px}.empty-state p{font-size:13px}.loading{height:200px;color:var(--text-2);justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.spinner{border:2px solid var(--orange-mid);border-top-color:var(--orange);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md);padding:40px 36px}.login-logo{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-logo-icon{background:var(--orange);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.login-logo-name{font-size:20px;font-weight:600}.login-logo-sub{color:var(--text-2);font-size:11px}.acct-row{border-bottom:var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.acct-row:last-child{border-bottom:none}.acct-mono{font-family:var(--mono);font-size:13px;font-weight:500}.acct-mono.credit{color:#3b6d11}.acct-mono.warn{color:var(--orange)}.event-pill{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:500;line-height:1.4;display:block;overflow:hidden}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-col,.three-col,.form-row{grid-template-columns:1fr}.form-row3{grid-template-columns:1fr 1fr}}@media (width<=600px){.sidebar{z-index:300;transition:left .2s;position:fixed;left:-100%}.sidebar.open{left:0}.page-body{padding:14px}.stats-grid{grid-template-columns:1fr 1fr}}