:root{--bg: #f7f3e9;--ink: #0d2f3f;--ink-soft: #406071;--panel: #fffef9;--border: #c9d8dd;--accent: #00798c;--accent-2: #f58a3a;--success: #1f9361;--warning: #c16c2f;--radius: 16px;--shadow: 0 14px 30px rgba(13, 47, 63, .08)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Sora,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 0%,rgba(245,138,58,.22),transparent 35%),radial-gradient(circle at 95% 14%,rgba(0,121,140,.2),transparent 26%),var(--bg);min-height:100vh}#root{min-height:100vh}.wbx-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.wbx-sidebar{padding:24px 16px;border-right:1px solid rgba(13,47,63,.08);background:linear-gradient(180deg,#ecf8fa,#fff3e7);display:flex;flex-direction:column;gap:22px}.wbx-brand h1{margin:2px 0 0;font-size:2rem;letter-spacing:.04em}.wbx-kicker{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:.69rem;color:var(--ink-soft);font-family:IBM Plex Mono,monospace}.wbx-nav{display:grid;gap:8px}.wbx-nav-link{text-decoration:none;color:var(--ink);padding:10px 12px;border-radius:12px;transition:transform .16s ease,background-color .16s ease}.wbx-nav-link:hover{transform:translate(3px);background:#00798c1a}.wbx-nav-link.active{background:linear-gradient(135deg,var(--accent) 0%,#03a4bb 100%);color:#fff;font-weight:600}.wbx-user{margin-top:auto;display:grid;gap:6px;background:#ffffffb8;border:1px solid rgba(13,47,63,.12);border-radius:14px;padding:12px}.wbx-user small{color:var(--ink-soft);font-size:.78rem}.wbx-main{padding:24px clamp(14px,3vw,30px) 32px}.wbx-page{animation:rise-in .3s ease}.wbx-page-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:18px}.wbx-page-header h2{margin:5px 0;font-size:clamp(1.4rem,2vw,2rem)}.wbx-page-header p{margin:0;color:var(--ink-soft)}.wbx-header-actions{display:flex;gap:8px}.wbx-panel-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.wbx-panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:14px}.wbx-panel h3{margin:0 0 10px}.wbx-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.wbx-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.wbx-stat-card{border-radius:12px;border:1px solid var(--border);background:#fff;padding:12px}.wbx-stat-card p{margin:0;color:var(--ink-soft);font-size:.85rem}.wbx-stat-card strong{font-size:1.2rem}.wbx-stat-card.success{border-color:#1f936159}.wbx-stat-card.warning{border-color:#c16c2f59}.wbx-form-grid{display:grid;gap:10px}.wbx-report-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.wbx-report-filter-actions{display:flex;align-items:flex-end}.wbx-analytics-summary-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 12px}.wbx-analytics-chip{border:1px solid #d8e5ea;border-radius:10px;padding:9px;background:#fff}.wbx-analytics-chip span{display:block;font-size:.78rem;color:var(--ink-soft)}.wbx-analytics-chip strong{font-size:.98rem}.wbx-form-grid label,.wbx-inline-label{display:grid;gap:5px;font-size:.88rem;color:var(--ink-soft)}input,select{width:100%;border:1px solid #b3c7cf;border-radius:10px;padding:10px;font-family:inherit;color:var(--ink);background:#fff}input:focus,select:focus{outline:2px solid rgba(0,121,140,.28);border-color:var(--accent)}.wbx-toggle{display:flex;align-items:center;gap:8px}.wbx-toggle input{width:auto}.wbx-btn{border:none;border-radius:10px;padding:11px 14px;color:#fff;font-family:IBM Plex Mono,monospace;letter-spacing:.04em;background:linear-gradient(130deg,var(--accent),#11a7bf);cursor:pointer}.wbx-btn:hover{filter:brightness(1.03)}.wbx-btn-muted{background:linear-gradient(130deg,#496772,#6f8f9a)}.wbx-row-actions{display:flex;gap:6px;flex-wrap:wrap}.wbx-row-actions button{border:1px solid #c6d6dd;background:#fff;color:var(--ink);border-radius:8px;padding:5px 8px;cursor:pointer;font-size:.78rem}.wbx-row-actions button:hover{background:#eef6f8}.wbx-row-actions button.danger{border-color:#e7beb6;color:#a03426}.wbx-btn-row{display:flex;gap:8px;flex-wrap:wrap}.wbx-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0d2f3f75;display:grid;place-items:center;padding:16px}.wbx-modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);padding:14px}.wbx-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.wbx-modal-head h3{margin:0}.wbx-modal-close{border:1px solid #c6d6dd;background:#fff;color:var(--ink);border-radius:8px;padding:6px 10px;cursor:pointer}.wbx-modal-close:hover{background:#eef6f8}.wbx-trend-bars{display:grid;gap:8px}.wbx-trend-item{display:grid;grid-template-columns:90px 1fr 70px;gap:8px;align-items:center}.wbx-trend-item p{margin:0;color:var(--ink-soft);font-size:.82rem}.wbx-trend-item strong{text-align:right;font-size:.84rem}.wbx-trend-track{height:10px;background:#e2edf2;border-radius:99px;overflow:hidden}.wbx-trend-bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(120deg,var(--accent),#0f9db4);transition:width .2s ease}.wbx-mini-chart{display:grid;gap:10px}.wbx-mini-chart-row{display:grid;grid-template-columns:90px 1fr 120px;gap:8px;align-items:center}.wbx-mini-chart-row p{margin:0;color:var(--ink-soft);font-size:.85rem}.wbx-mini-chart-row strong{text-align:right}.wbx-mini-chart-track{height:10px;border-radius:99px;background:#e4edf1;overflow:hidden}.wbx-mini-chart-bar{display:block;height:100%;border-radius:inherit;transition:width .25s ease}.wbx-table-wrap{overflow-x:auto}.wbx-table{width:100%;border-collapse:collapse;min-width:560px}.wbx-table th,.wbx-table td{border-bottom:1px solid #deeaee;text-align:left;padding:10px 8px;font-size:.9rem}.wbx-table th{color:var(--ink-soft);font-weight:600}.wbx-empty-cell{text-align:center;color:var(--ink-soft)}.wbx-note{color:var(--ink-soft)}.wbx-error{margin:8px 0;color:#b7422f}.wbx-login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.wbx-login-panel{width:min(520px,100%);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:20px;padding:26px}.wbx-login-panel h2{margin:4px 0}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.wbx-shell{grid-template-columns:1fr}.wbx-sidebar{border-right:none;border-bottom:1px solid rgba(13,47,63,.08);padding:14px}.wbx-nav{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px}.wbx-nav-link{white-space:nowrap}.wbx-user{margin-top:0}}@media(max-width:760px){.wbx-page-header{flex-direction:column}.wbx-stat-grid,.wbx-panel-grid{grid-template-columns:1fr}.wbx-mini-chart-row{grid-template-columns:70px 1fr 88px}.wbx-trend-item{grid-template-columns:70px 1fr 60px}.wbx-report-filter-grid,.wbx-analytics-summary-metrics{grid-template-columns:1fr}}