.wl-customer{display:grid;gap:16px}.wl-customer h1,.wl-customer h2,.wl-customer p{margin:0}.wl-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.wl-page-header h1{font-size:20px;line-height:1.3}.wl-toolbar,.wl-action-row,.wl-stat-grid,.wl-notice-list,.wl-form{display:grid;gap:10px}.wl-toolbar,.wl-action-row{grid-auto-flow:column;justify-content:start;align-items:center}.wl-stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.wl-stat,.wl-panel,.wl-notice{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.wl-stat strong,.wl-money{font-size:20px;font-variant-numeric:tabular-nums}.wl-table th,.wl-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.wl-empty,.wl-state{padding:28px 16px;text-align:center;color:var(--muted)}.wl-tag{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:12px;background:#f7fafc;color:#718096}.wl-tag.is-ok{background:#edf8f1;color:#276749}.wl-tag.is-warn{background:#fffaf0;color:#c05621}.wl-tag.is-err{background:#fff5f5;color:#c53030}.wl-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0c1673;display:grid;place-items:center;padding:16px;z-index:40}.wl-dialog{width:min(100%,480px);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:12px;box-shadow:var(--shadow)}.wl-dialog-wide{width:min(100%,720px)}.wl-field{display:grid;gap:6px;font-size:14px}.wl-field input,.wl-field textarea,.wl-field select{min-height:36px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.wl-field textarea{min-height:96px;resize:vertical}.wl-auth{min-height:100vh;display:grid;place-items:center;padding:24px}.wl-auth-card{width:min(100%,440px);padding:28px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);display:grid;gap:12px}.wl-auth-links{display:flex;justify-content:space-between;font-size:14px}.wl-inline-actions{display:flex;flex-wrap:wrap;gap:6px}.wl-payment-session{display:grid;gap:10px}.wl-payment-qr{width:200px;height:200px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px}.wl-payment-qr-data,.wl-payment-url{word-break:break-all}@media (max-width: 719px){.wl-toolbar,.wl-action-row,.wl-page-header{grid-auto-flow:row;display:grid}.wl-table th:nth-child(n+5),.wl-table td:nth-child(n+5){display:none}}.wl-page{display:grid;gap:14px}.wl-page-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.wl-page-header h1{font-size:22px;line-height:1.2}.wl-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.wl-metric,.wl-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;box-shadow:var(--shadow)}.wl-metric strong{display:block;margin-top:4px;font-size:20px}.wl-toolbar,.wl-actions,.wl-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.wl-wallet-readout{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.wl-toolbar input,.wl-inline input,.wl-inline select,.wl-field input,.wl-field select,.wl-field textarea{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.wl-field textarea{height:auto;min-height:72px;padding:8px 10px}.wl-field{display:grid;gap:4px;font-size:13px;min-width:160px}.wl-actions .wl-field{min-width:120px}.wl-table-wrap{overflow:auto}.wl-table{width:100%;border-collapse:collapse;font-size:13px}.wl-table th,.wl-table td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.wl-table th{color:var(--muted);font-weight:600}.wl-empty,.wl-muted{color:var(--muted);font-size:13px}.wl-error{padding:10px 12px;border-radius:8px;background:#fff1f0;color:#c53030;border:1px solid #feb2b2}.wl-ok{padding:10px 12px;border-radius:8px;background:#edf8f1;color:#276749;border:1px solid #9ae6b4}.wl-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0c1673;display:grid;place-items:center;z-index:40;padding:16px}.wl-dialog{width:min(100%,480px);background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:12px}.wl-readonly{color:var(--muted)}.wl-role-matrix{display:grid;gap:8px}.wl-role-row{display:grid;gap:4px;padding-bottom:8px;border-bottom:1px solid var(--line)}.wl-chips{display:flex;flex-wrap:wrap;gap:4px}.wl-chip{font-size:11px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--brand-primary) 12%,transparent)}@media (max-width: 719px){.wl-page-header,.wl-toolbar{flex-direction:column;align-items:stretch}}:root{color-scheme:light;--brand-primary: #865ddc;--bg: #f8f7fc;--surface: #ffffff;--text: #1a202c;--muted: #718096;--line: #e6e1f2;--ok: #48bb78;--err: #f56565;--shadow: 0 12px 32px rgba(26, 32, 44, .08);--sidebar-w: 240px;--sidebar-collapsed-w: 72px;--topbar-h: 56px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #14121a;--surface: #1d1a26;--text: #f4f1fb;--muted: #a0aec0;--line: #2d2838;--shadow: 0 12px 32px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,p{margin:0}a{color:var(--brand-primary)}.neutral-screen,.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f4f6;color:#1a202c}.neutral-card,.auth-card{width:min(100%,440px);padding:28px;border:1px solid #d7dbe2;border-radius:10px;background:#fff;box-shadow:0 10px 28px #1a202c14;display:grid;gap:12px}.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.muted{color:var(--muted);font-size:14px;line-height:1.5}.copyright{margin-top:8px}.brand-row,.sidebar-brand{display:flex;gap:12px;align-items:center}.brand-logo,.sidebar-brand img{width:36px;height:36px;object-fit:contain}.brand-mark{width:36px;height:36px;border-radius:8px;background:var(--brand-primary)}.auth-form,.page-stack{display:grid;gap:14px}.field{display:grid;gap:6px;font-size:14px}.field input{height:40px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.form-error,.login-error{padding:10px 12px;border-radius:8px;background:#fff1f0;color:#c53030;border:1px solid #feb2b2}.primary-button,.ghost-button,.icon-button{border:0;border-radius:8px;min-height:36px}.primary-button{background:var(--brand-primary);color:#fff;padding:0 16px}.ghost-button,.icon-button{background:transparent;color:var(--text);border:1px solid var(--line);padding:0 12px}.icon-button{width:36px;display:grid;place-items:center;padding:0}.auth-links{display:flex;justify-content:space-between;font-size:14px}.text-link{font-size:14px}.app-shell{min-height:100vh;display:flex;background:var(--bg)}.drawer-sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:16px}.app-shell.is-collapsed .drawer-sidebar{width:var(--sidebar-collapsed-w)}.app-shell.is-collapsed .drawer-sidebar span,.app-shell.is-collapsed .sidebar-brand strong,.app-shell.is-collapsed .sidebar-extras{display:none}.drawer-sidebar nav{display:grid;gap:4px}.nav-link{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:8px;color:var(--text);text-decoration:none}.nav-link.is-active{background:color-mix(in srgb,var(--brand-primary) 16%,transparent);color:var(--brand-primary)}.sidebar-extras{margin-top:auto;display:grid;gap:8px;font-size:12px;color:var(--muted)}.sidebar-extras a{color:var(--brand-primary)}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.drawer-topbar{height:var(--topbar-h);display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);background:var(--surface)}.topbar-left,.topbar-actions,.breadcrumb{display:flex;align-items:center;gap:10px}.breadcrumb{color:var(--muted);font-size:13px}.shell-content{padding:20px}.page-card,.table-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.page-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.promo-banner{max-width:320px;padding:10px 12px;border-radius:8px;background:color-mix(in srgb,var(--brand-primary) 12%,transparent)}.dense-table{width:100%;border-collapse:collapse;font-size:13px}.dense-table th,.dense-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left}.tag{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:12px}.tag-ok{background:#edf8f1;color:#276749}.tag-off{background:#f7fafc;color:#718096}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#0f0c1673;z-index:20}.mobile-only{display:none}@media (max-width: 959px){.app-shell{display:block}.drawer-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;transform:translate(-100%);transition:transform .2s ease}.drawer-sidebar.is-open{transform:translate(0)}.mobile-only{display:grid}.desktop-only{display:none}}