:root{--neu-bg: 222 16% 90%;--neu-fg: 222 16% 22%;--neu-muted: 222 12% 38%;--neu-primary: 218 13% 36%;--neu-primary-strong: 218 16% 28%;--neu-light: rgba(255, 255, 255, .9);--neu-dark: rgba(163, 177, 198, .6)}html.dark{--neu-bg: 218 16% 21%;--neu-fg: 215 16% 84%;--neu-muted: 216 10% 58%;--neu-primary: 218 10% 64%;--neu-primary-strong: 218 10% 56%;--neu-light: rgba(255, 255, 255, .05);--neu-dark: rgba(0, 0, 0, .45)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:hsl(var(--neu-fg));background:hsl(var(--neu-bg));-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-family:"Manrope",-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:800;line-height:1.25;letter-spacing:-0.2px}a{color:hsl(var(--neu-primary));text-decoration:none}a:hover{text-decoration:underline}.bi{vertical-align:-0.125em;line-height:1}code,.mono{font-family:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:.92em}.muted{color:hsl(var(--neu-muted))}.text-center{text-align:center}.nowrap{white-space:nowrap}.mb-0{margin-bottom:0}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{background:hsl(var(--neu-bg));box-shadow:0 6px 14px -8px var(--neu-dark);color:hsl(var(--neu-fg));padding:0 24px;display:flex;align-items:center;gap:24px;height:60px;position:sticky;top:0;z-index:100}.topbar .brand{font-family:"Manrope",-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:800;color:hsl(var(--neu-fg));letter-spacing:.2px;white-space:nowrap;text-transform:uppercase}.topbar .brand .dot{color:hsl(var(--neu-primary))}.topbar .spacer{flex:1}.topbar .user{color:hsl(var(--neu-muted));font-size:13px;margin-right:12px}.tabs{display:flex;gap:8px;align-items:center}.tabs a{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;color:hsl(var(--neu-muted));font-weight:600}.tabs a:hover{color:hsl(var(--neu-fg));text-decoration:none}.tabs a.active{color:hsl(var(--neu-primary));font-weight:700;background:hsl(var(--neu-bg));border:0;border-radius:999px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light)}.container{max-width:1360px;margin:0 auto;padding:24px}.stats{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-bottom:24px}@media(max-width: 720px){.stats{grid-template-columns:repeat(2, 1fr)}}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}.card{background:hsl(var(--neu-bg));border:0;border-radius:12px;box-shadow:6px 6px 13px var(--neu-dark),-6px -6px 13px var(--neu-light)}.card-body{padding:24px}.account-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding:9px 13px;background:hsl(var(--neu-bg));border:0;border-radius:12px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light)}.account-line .acc-name{font-weight:700;color:hsl(var(--neu-fg))}.account-line .acc-num{color:hsl(var(--neu-muted));font-size:13px}.stat{background:hsl(var(--neu-bg));border:0;border-radius:12px;box-shadow:6px 6px 13px var(--neu-dark),-6px -6px 13px var(--neu-light);padding:16px 24px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;row-gap:2px;transition:box-shadow .18s ease,transform .18s ease}.stat:hover{transform:translateY(-2px)}.stat .stat-ico{grid-row:1/span 2;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:21px}.stat .value{font-size:30px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums;color:hsl(var(--neu-fg));align-self:end}.stat .label{font-size:13px;font-weight:600;color:hsl(var(--neu-muted));align-self:start}.stat.is-total .stat-ico{background:#5b6376;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.stat.is-pending .stat-ico{background:#e0a657;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.stat.is-imported .stat-ico{background:#5cc2ad;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.stat.is-invalid .stat-ico{background:#df756b;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;background:hsl(var(--neu-bg));border:0;border-radius:14px;box-shadow:6px 6px 13px var(--neu-dark),-6px -6px 13px var(--neu-light);padding:24px 32px;margin-bottom:24px;position:relative;overflow:hidden}.hero-title{font-family:"Manrope",-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:800;font-size:22px;color:hsl(var(--neu-fg));letter-spacing:-0.2px}.hero .klien-chip{display:inline-block;padding:2px 12px;border-radius:999px;color:hsl(var(--neu-primary));font-weight:700;background:hsl(var(--neu-bg));border:0;border-radius:999px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light);font-size:15px;vertical-align:middle}.hero-sub{color:hsl(var(--neu-muted));font-size:13px;margin-top:6px}.hero-btn{color:hsl(var(--neu-primary));font-weight:800;padding:12px 24px}.stat .stat-top{display:flex;align-items:center;justify-content:space-between}.stat .pct{font-size:12px;font-weight:800;opacity:.8}.stat .bar{margin-top:12px;height:7px;border-radius:5px;background:rgba(15,23,42,.08);overflow:hidden;display:flex}.stat .bar>span,.stat .bar .seg{display:block;height:100%}.stat.is-pending .bar>span{background:#e6962f}.stat.is-imported .bar>span{background:#22a06b}.stat.is-invalid .bar>span{background:#ef5a6f}.stat .bar .s-imported{background:#22a06b}.stat .bar .s-pending{background:#e6962f}.stat .bar .s-invalid{background:#ef5a6f}@keyframes growBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}.pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin-top:24px}.pagination a,.pagination span{min-width:38px;height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;color:hsl(var(--neu-fg));font-weight:600;font-size:13px;background:hsl(var(--neu-bg));border:0;border-radius:11px;box-shadow:4px 4px 9px var(--neu-dark),-4px -4px 9px var(--neu-light)}.pagination a:hover{color:hsl(var(--neu-primary));text-decoration:none}.pagination a:active{background:hsl(var(--neu-bg));border:0;border-radius:11px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light)}.pagination .active{background:hsl(var(--neu-bg));border:0;border-radius:11px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light);color:hsl(var(--neu-primary))}.pagination .disabled{opacity:.45}.pagination .dots{box-shadow:none;background:rgba(0,0,0,0);min-width:auto;padding:0 2px;color:hsl(var(--neu-muted))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:600;padding:8px 16px;cursor:pointer;color:hsl(var(--neu-fg));background:hsl(var(--neu-bg));border:0;border-radius:999px;box-shadow:4px 4px 9px var(--neu-dark),-4px -4px 9px var(--neu-light);transition:transform .14s ease,box-shadow .14s ease,color .12s ease,background .12s ease;white-space:nowrap}.btn:hover{text-decoration:none}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.08)}.btn:active:not(:disabled){transform:none;background:hsl(var(--neu-bg));border:0;border-radius:999px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light)}.btn:disabled,.btn.is-disabled{opacity:.55;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{width:42px;height:42px;padding:0;border-radius:50%;font-size:16px}.btn-icon:active:not(:disabled){background:hsl(var(--neu-bg));border:0;border-radius:50%;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light)}.btn-icon.is-danger{color:#ef5a6f}.btn-icon.ico-amber{color:#e0a23c}.btn-icon.ico-rose{color:#e0607a}.btn-icon.ico-cyan{color:#3aa8c0}.btn-icon.ico-ink{color:#3a4250}.btn-icon.is-danger:hover:not(:disabled){color:rgb(235.3933701657,52.8066298343,78.5403314917)}.btn i.ic-blue{color:#2f7ff0}.btn-primary{color:hsl(var(--neu-primary))}.btn-success{color:#22a06b}.btn-outline{color:hsl(var(--neu-fg))}.discover-btn{color:hsl(var(--neu-fg))}.discover-btn.active{background:hsl(var(--neu-bg));border:0;border-radius:999px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light);color:hsl(var(--neu-primary))}.bi-whatsapp{color:#25d366}.bi-telegram{color:#229ed9}.ico-chip{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;font-size:15px;flex:0 0 auto}.ico-chip.chip-wa{background:#25d366;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.ico-chip.chip-tg{background:#229ed9;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.page-title{display:flex;align-items:center;gap:8px}.btn-ghost-light{color:hsl(var(--neu-fg))}.group-landing{text-align:center;padding:64px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}.group-landing .gl-ico{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:8px;background:#5b6376;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.group-landing h4{font-size:18px;color:hsl(var(--neu-fg))}.group-landing p{margin:0;max-width:520px}.group-landing .bi-arrow-up-right{color:hsl(var(--neu-primary))}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filter-bar .pills{margin-bottom:0}.wo-dropdown{position:relative;z-index:50}.wo-dropdown>summary{list-style:none;cursor:pointer;user-select:none}.wo-dropdown>summary .caret{transition:transform .18s ease;display:inline-block}.wo-dropdown>summary::-webkit-details-marker{display:none}.wo-dropdown>summary:hover{transform:translateY(-1px);box-shadow:0 1px 2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.08)}.wo-dropdown[open]>summary{transform:none;background:hsl(var(--neu-bg));border:0;border-radius:999px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light);color:hsl(var(--neu-primary))}.wo-dropdown[open]>summary .caret{transform:rotate(180deg)}.wo-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:230px;background:hsl(var(--neu-bg));border:0;border-radius:12px;box-shadow:6px 6px 13px var(--neu-dark),-6px -6px 13px var(--neu-light);padding:8px;display:flex;flex-direction:column;gap:2px;animation:slideInUp .22s cubic-bezier(0.22, 0.61, 0.36, 1) both}.wo-menu a{padding:9px 12px;border-radius:10px;color:hsl(var(--neu-fg));font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:12px}.wo-menu a:hover{text-decoration:none;background:hsl(var(--neu-bg));border:0;border-radius:10px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light)}.wo-menu a.active{background:hsl(var(--neu-bg));border:0;border-radius:10px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light);color:hsl(var(--neu-primary))}.pills{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pill{padding:7px 16px;background:hsl(var(--neu-bg));border:0;border-radius:999px;box-shadow:4px 4px 9px var(--neu-dark),-4px -4px 9px var(--neu-light);color:hsl(var(--neu-muted));font-weight:700;font-size:13px;text-transform:capitalize;transition:box-shadow .14s ease,color .12s ease}.pill:hover{text-decoration:none}.pill.active{background:hsl(var(--neu-bg));border:0;border-radius:999px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light);font-weight:700}.pill-all{color:hsl(var(--neu-primary-strong))}.pill-pending{color:#e6962f}.pill-imported{color:#22a06b}.pill-invalid{color:#ef5a6f}.badge{display:inline-block;padding:5px 15px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.3px;line-height:1.5}.badge-success{background:#5cc2ad;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.badge-danger{background:#df756b;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.badge-warning{background:#e0a657;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.badge-info{background:#6db4cf;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.badge-muted{background:#9b7e4a;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.table-wrap{background:hsl(var(--neu-bg));border:0;border-radius:12px;box-shadow:6px 6px 13px var(--neu-dark),-6px -6px 13px var(--neu-light);padding:6px;overflow:hidden}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th,table.data td{padding:14px 16px;text-align:left;vertical-align:top}table.data thead th{color:hsl(var(--neu-muted));font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid rgba(163,177,198,.4);white-space:nowrap}table.data tbody tr{border-top:1px solid rgba(163,177,198,.25);box-shadow:inset 0 0 0 0 hsl(var(--neu-primary));transition:background .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(0.22, 0.61, 0.36, 1)}table.data tbody tr:first-child{border-top:0}table.data tbody tr:hover{background:rgba(163,177,198,.14);box-shadow:inset 4px 0 0 0 hsl(var(--neu-primary))}table.data tbody tr .btn{transition:transform .15s cubic-bezier(0.22, 0.61, 0.36, 1),background .12s ease,border-color .12s ease,opacity .12s ease,box-shadow .15s ease}table.data td.num{font-variant-numeric:tabular-nums;color:hsl(var(--neu-muted))}table.data .meta-line{font-size:12px;color:hsl(var(--neu-muted));margin-top:2px;line-height:1.35}.empty{padding:32px;text-align:center;color:hsl(var(--neu-muted))}.field{margin-bottom:16px}.field label{display:block;font-weight:600;margin-bottom:4px;font-size:13px}.input{width:100%;padding:11px 12px;font:inherit;color:hsl(var(--neu-fg));background:hsl(var(--neu-bg));border:0;border-radius:12px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light)}.input::placeholder{color:#94a3b8}.input:focus{outline:none;box-shadow:inset 4px 4px 9px var(--neu-dark),inset -4px -4px 9px var(--neu-light),0 0 0 2px rgba(80,88,106,.35)}.input-sm{padding:7px 12px;font-size:13px;width:auto}.inline-edit{margin:0}.discover-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(163,177,198,.3)}.discover-row:last-child{border-bottom:0}.alert{padding:12px 16px;border-radius:12px;font-size:13.5px;margin-bottom:16px}.alert-danger{background:#fde4e7;color:#ef5a6f}.spinner{width:15px;height:15px;border:2px solid rgba(0,0,0,.15);border-top-color:hsl(var(--neu-primary));border-radius:50%;display:inline-block;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-host{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:8px;z-index:50}.toast{color:hsl(var(--neu-fg));background:hsl(var(--neu-bg));border:0;border-radius:14px;box-shadow:6px 6px 13px var(--neu-dark),-6px -6px 13px var(--neu-light);padding:12px 16px;font-size:13.5px;max-width:360px}.toast.ok{border-left:3px solid #22a06b}.toast.err{border-left:3px solid #ef5a6f}@keyframes slideInUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes successFlash{0%{background:rgba(22,163,74,.18)}100%{background:rgba(0,0,0,0)}}@keyframes modalPop{0%{opacity:0;transform:translateY(12px) scale(0.85)}60%{opacity:1;transform:translateY(0) scale(1.03)}100%{opacity:1;transform:scale(1)}}@keyframes overlayFade{from{opacity:0}to{opacity:1}}.btn{transition:background .12s ease,border-color .12s ease,opacity .12s ease,transform .1s cubic-bezier(0.22, 0.61, 0.36, 1)}.btn:active{transform:scale(0.96)}.toast{animation:slideInRight .35s cubic-bezier(0.22, 0.61, 0.36, 1) both}tr.row-success{animation:successFlash .9s ease both}.vr-overlay{animation:overlayFade .2s ease both}.vr-box{background:hsl(var(--neu-bg));border:0;border-radius:16px;box-shadow:6px 6px 13px var(--neu-dark),-6px -6px 13px var(--neu-light);box-shadow:none;max-width:720px;width:92%;max-height:88vh;overflow:auto;padding:18px}.vr-content{transition:opacity .25s ease}.vr-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:16px;color:hsl(var(--neu-fg))}.vr-meta{font-size:12px;color:hsl(var(--neu-muted));margin-bottom:8px}.vr-meta b{color:hsl(var(--neu-fg))}.vr-note{color:#ef5a6f;font-size:12px;margin-bottom:6px}.vr-pre{white-space:pre-wrap;word-break:break-word;font-size:12px;font-family:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;color:hsl(var(--neu-fg));padding:12px;max-height:60vh;overflow:auto;background:hsl(var(--neu-bg));border:0;border-radius:10px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light)}.vr-pre .vr-mark{background:rgba(230,150,47,.28);color:hsl(var(--neu-fg));font-weight:700;border-radius:3px;padding:0 2px}@media(prefers-reduced-motion: reduce){.stats .stat,.pills .pill,.wo-dropdown,.table-wrap,.toast,.btn,tr.row-success,.vr-overlay,.vr-box,.stat .bar>span,.stat .bar .seg{animation:none !important;transform:none !important}}.auth-body{min-height:100vh}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:hsl(var(--neu-bg));border:0;border-radius:22px;box-shadow:6px 6px 13px var(--neu-dark),-6px -6px 13px var(--neu-light);width:100%;max-width:380px;padding:34px 30px 30px;text-align:center}.auth-logo{width:72px;height:72px;border-radius:18px;background:hsl(var(--neu-bg));border:0;border-radius:18px;box-shadow:4px 4px 9px var(--neu-dark),-4px -4px 9px var(--neu-light);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;overflow:hidden;font-size:28px;color:hsl(var(--neu-primary))}.auth-logo img{width:100%;height:100%;object-fit:contain;border-radius:16px;display:block}.auth-title{font-family:"Manrope",-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:800;font-size:22px;margin:0 0 4px;color:hsl(var(--neu-fg))}.auth-sub{margin:0 0 22px;color:hsl(var(--neu-muted));font-size:13.5px}.auth-error{background:#df756b;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22);border-radius:12px;padding:10px 14px;font-size:13px;margin-bottom:18px;text-align:left;display:flex;align-items:center;gap:8px}.auth-submit{width:100%;justify-content:center;margin-top:6px;font-weight:700}.field{margin-bottom:16px;text-align:left}.field-label{display:block;font-weight:600;font-size:12.5px;color:hsl(var(--neu-muted));margin-bottom:7px;padding-left:4px}.field-label small{font-weight:500;opacity:.8}.field-box{background:hsl(var(--neu-bg));border:0;border-radius:13px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light);display:flex;align-items:center;gap:9px;padding:11px 14px}.field-box>i{color:hsl(var(--neu-muted));font-size:15px;flex:none}.field-box input,.field-box select{flex:1;width:100%;min-width:0;background:rgba(0,0,0,0);border:0;outline:none;font:inherit;color:hsl(var(--neu-fg))}.field-box input::placeholder{color:#94a3b8}.field-box select{cursor:pointer;appearance:none}.field-box:focus-within{box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light),0 0 0 2px rgba(80,88,106,.3)}.field-eye{background:rgba(0,0,0,0);border:0;cursor:pointer;color:hsl(var(--neu-muted));font-size:15px;padding:0;flex:none}.role-chip{display:inline-block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:2px 8px;border-radius:999px;margin-left:6px;background:#6db4cf;color:#fff;border:0;box-shadow:0 4px 10px rgba(0,0,0,.22),inset 0 3px 6px hsla(0,0%,100%,.45),inset 0 -5px 8px rgba(0,0,0,.16);text-shadow:0 1px 1px rgba(0,0,0,.22)}.sec-title{display:flex;align-items:center;gap:9px;font-family:"Manrope",-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:700;font-size:16px;margin:0 0 18px;color:hsl(var(--neu-fg))}.sec-title i{color:hsl(var(--neu-primary))}.form-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin-bottom:16px}.form-grid .field{margin-bottom:0}@media(max-width: 760px){.form-grid{grid-template-columns:1fr}}.row-actions{display:flex;gap:6px;align-items:center;white-space:nowrap}.muted-text{color:hsl(var(--neu-muted));font-size:12.5px}.alert-ok{background:#d8f1e6;color:#22a06b}.alert-error{background:#fde4e7;color:#ef5a6f}.hero-actions{display:flex;gap:10px;align-items:center;flex:none}.connect-card{max-width:480px;margin:0 auto}.conn-status{text-align:center}.qr-box{background:hsl(var(--neu-bg));border:0;border-radius:18px;box-shadow:inset 2px 2px 4px var(--neu-dark),inset 5px 5px 11px var(--neu-dark),inset -2px -2px 4px var(--neu-light),inset -5px -5px 11px var(--neu-light);width:264px;max-width:100%;aspect-ratio:1/1;margin:0 auto;padding:14px;display:flex;align-items:center;justify-content:center;text-align:center}.qr-box img{width:100%;height:100%;object-fit:contain;border-radius:8px;background:#fff}.qr-hint{color:hsl(var(--neu-muted));font-size:13px}.pair-row{display:flex;gap:10px;align-items:stretch;margin-top:16px;flex-wrap:wrap}.pair-row .field-box{margin:0}.pair-row .btn{white-space:nowrap}.pair-code{background:hsl(var(--neu-bg));border:0;border-radius:12px;box-shadow:4px 4px 9px var(--neu-dark),-4px -4px 9px var(--neu-light);margin-top:12px;padding:12px 14px;text-align:center;font-family:"JetBrains Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;font-size:15px;letter-spacing:1px}.pair-code strong{color:hsl(var(--neu-primary))}@media(max-width: 820px){.topbar{flex-wrap:wrap;height:auto;padding:10px 14px;gap:10px;row-gap:8px}.topbar .spacer{display:none}.topbar .user{margin-left:auto;margin-right:8px;font-size:12.5px}.tabs{order:5;width:100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;gap:6px}.tabs::-webkit-scrollbar{height:4px}.tabs a{white-space:nowrap;flex:none;padding:7px 13px}}@media(max-width: 640px){.container{padding:16px 12px}.hero{flex-direction:column;align-items:stretch;gap:14px}.hero-actions{width:100%}.hero-actions .btn{flex:1;justify-content:center}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.data{min-width:600px}.row-actions{flex-wrap:wrap}.pair-row .btn{flex:1;justify-content:center}}@media(max-width: 420px){.auth-card{padding:26px 20px 22px}.auth-title{font-size:20px}}