@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap");:root{--bg:#f4f7fb;--surface:#fff;--surface-alt:#eef3fa;--ink:#101828;--ink-soft:#64748b;--line:#e2e8f0;--accent:#2563eb;--accent-dark:#1d4ed8;--accent-soft:#eaf1ff;--danger:#dc2626;--ok:#16a34a;--warn:#d97706;--sidebar-bg:#10152b;--sidebar-bg-soft:#171d3a;--sidebar-ink:#aab2d5;--sidebar-ink-soft:#6b7299;--sidebar-width:68px;--sidebar-width-expanded:258px;--topbar-height:64px}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--bg);color:var(--ink)}body.com-sidebar{padding-left:var(--sidebar-width)}.disp{font-family:Space Grotesk,sans-serif}.mono{font-family:IBM Plex Mono,monospace}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--sidebar-bg);z-index:60;overflow:hidden;transition:width .16s ease;display:flex;flex-direction:column}.sidebar:hover{width:var(--sidebar-width-expanded);overflow:visible}.sidebar-brand{gap:10px;padding:18px 16px;border-bottom:1px solid hsla(0,0%,100%,.06)}.sidebar-brand,.sidebar-brand-icon{display:flex;align-items:center;flex-shrink:0}.sidebar-brand-icon{width:34px;height:34px;border-radius:9px;background:var(--accent);justify-content:center;color:#fff}.sidebar-brand-label{white-space:nowrap;opacity:0;transition:opacity .12s ease}.sidebar:hover .sidebar-brand-label{opacity:1}.sidebar-user{gap:10px;padding:14px 16px;border-bottom:1px solid hsla(0,0%,100%,.06)}.sidebar-user,.sidebar-user-avatar{display:flex;align-items:center;flex-shrink:0}.sidebar-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-soft);color:var(--accent-dark);justify-content:center;font-weight:700;font-size:12px}.sidebar-user-info{white-space:nowrap;opacity:0;transition:opacity .12s ease;overflow:hidden}.sidebar:hover .sidebar-user-info{opacity:1}.sidebar-links{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:8px 0}.sidebar-links::-webkit-scrollbar{width:0}.sidebar-link{display:flex;align-items:center;gap:14px;padding:10px 22px;white-space:nowrap;color:var(--sidebar-ink);text-decoration:none;font-size:13.5px;font-weight:500;border-left:3px solid transparent;transition:background .1s ease,color .1s ease}.sidebar-link svg{flex-shrink:0}.sidebar-link:hover{background:hsla(0,0%,100%,.05);color:#fff}.sidebar-link.active{background:rgba(37,99,235,.16);color:#fff;border-left-color:var(--accent)}.sidebar-link-label{opacity:0;transition:opacity .12s ease}.sidebar:hover .sidebar-link-label{opacity:1}.sidebar-cta{margin:8px 16px;padding:9px 14px;border-radius:9px;background:var(--accent);color:#fff!important;border-left:none!important;justify-content:center}.sidebar-cta:hover{background:var(--accent-dark)}.sidebar:not(:hover) .sidebar-cta{justify-content:center;padding:9px;margin:8px 10px}.sidebar-submenu-trigger{position:relative}.sidebar-submenu{display:none;position:absolute;left:100%;top:-6px;min-width:210px;background:var(--sidebar-bg-soft);border-radius:10px;padding:6px;box-shadow:0 12px 34px rgba(0,0,0,.35)}.sidebar-submenu-trigger:hover .sidebar-submenu{display:block}.sidebar-submenu .sidebar-link{border-left:none;border-radius:7px;padding:8px 12px}.sidebar-submenu .sidebar-link-label{opacity:1}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--line);z-index:50;display:flex;justify-content:space-between;padding:0 26px;gap:18px}.btn,.topbar{align-items:center}.btn{display:inline-flex;justify-content:center;gap:6px;border-radius:10px;font-weight:600;font-size:14px;padding:10px 16px;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ink-soft);border-color:var(--line)}.btn-ghost:hover{background:var(--surface-alt);color:var(--ink)}.input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:14px;font-family:Inter,sans-serif;outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(232,98,44,.12)}.card{background:var(--surface);border:1px solid var(--line)}.card,.keypad-btn{border-radius:14px}.keypad-btn{width:100%;aspect-ratio:1;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);color:#fff;font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:600;cursor:pointer;transition:all .12s ease}.keypad-btn:hover{background:hsla(0,0%,100%,.1)}.keypad-btn:active{transform:scale(.95);background:var(--accent)}.pin-dot{width:13px;height:13px;border-radius:50%;border:2px solid #4a5568;transition:all .15s ease}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.userchip{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px;border-radius:14px;cursor:pointer;border:1.5px solid transparent;transition:all .15s ease}.userchip:hover{background:hsla(0,0%,100%,.06);border-color:hsla(0,0%,100%,.1)}.avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:19px;color:#fff;background:var(--accent)}.navlink{padding:7px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink-soft);text-decoration:none;transition:all .15s ease}.navlink:hover{background:var(--accent-soft);color:var(--accent-dark)}.label{font-size:12.5px;font-weight:600;color:var(--ink-soft);margin-bottom:5px;display:block}.select,.textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:14px;font-family:Inter,sans-serif;background:#fff;color:var(--ink);outline:none}.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-weight:700;padding:10px 14px}.table td,.table th{border-bottom:1px solid var(--line)}.table td{padding:12px 14px;font-size:14px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--surface-alt)}.modal-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.5);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{background:var(--surface);border-radius:16px;width:100%;max-width:560px;max-height:88vh;overflow:auto;box-shadow:0 20px 60px rgba(16,24,40,.22)}.btn-icon{padding:8px;border-radius:9px}.btn-danger{background:#fef2f2;color:var(--danger)}.btn-danger:hover{background:#fee2e2}