@font-face{font-family:IBM Plex Sans;src:url(../fonts/IBM-Plex-Sans/ibm-plex-sans-v14-latin-regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:IBM Plex Sans;src:url(../fonts/IBM-Plex-Sans/ibm-plex-sans-v14-latin-600.woff2) format('woff2');font-weight:600;font-display:swap}
:root{--primary:#3e4095;--primary-dark:#30327b;--primary-soft:#f0f0fb;--accent:#2ea673;--ink:#111a32;--muted:#69758b;--line:#e3e7ee;--background:#f3f6fa;--surface:#fff;--surface-2:#f8fafc;--danger:#dc3545;--warning:#f1a800;--shadow:0 7px 22px rgba(28,40,72,.065);--radius:10px;--sidebar:246px;color-scheme:light}
html.theme-dark{--primary:#8b8ee8;--primary-dark:#a6a8f2;--primary-soft:#27294a;--accent:#55c997;--ink:#eef1ff;--muted:#aab2c4;--line:#333a50;--background:#111522;--surface:#1a2030;--surface-2:#202738;--shadow:0 8px 28px rgba(0,0,0,.24);color-scheme:dark}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--ink);font-family:'IBM Plex Sans','Segoe UI',Arial,sans-serif;font-size:14px;line-height:1.45;letter-spacing:-.005em;transition:background .2s,color .2s}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto}.app-shell{min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);box-shadow:3px 0 18px rgba(25,36,65,.035);display:flex;flex-direction:column;inset:0 auto 0 0;overflow-y:auto;position:fixed;transition:transform .22s ease;width:var(--sidebar);z-index:1040}.brand{align-items:center;display:flex;height:76px;min-height:76px;padding:16px 26px 10px}.brand img{display:block;max-height:45px;max-width:137px;object-fit:contain}.sidebar-label{color:#98a1b3;font-size:10px;font-weight:800;letter-spacing:.095em;line-height:1;padding:1px 22px 12px;text-transform:uppercase}.sidebar-nav{display:grid;gap:3px;padding:4px 10px 18px}.nav-link{align-items:center;border-radius:8px;color:var(--muted);display:flex;font-size:14px;font-weight:600;gap:12px;min-height:42px;padding:9px 12px;transition:.18s ease}.nav-link i{color:#7c889d;font-size:17px;text-align:center;width:19px}.nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav-link.active{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary);color:var(--primary)}.nav-link.active i{color:var(--primary)}.sidebar-order{align-items:center;background:var(--accent);border-radius:8px;color:#fff;display:flex;font-size:13px;font-weight:700;gap:10px;justify-content:center;margin:auto 10px 9px;min-height:42px;padding:9px 12px}.sidebar-order:hover{background:#268c61;color:#fff}.logout-link{border-top:1px solid var(--line);border-radius:0;margin:0 10px 14px;padding-top:14px}.main-area{display:flex;flex-direction:column;margin-left:var(--sidebar);min-height:100vh;width:calc(100% - var(--sidebar))}.topbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--line);display:flex;height:68px;justify-content:flex-end;padding:0 28px;position:sticky;top:0;z-index:1020}.topbar-actions{align-items:center;display:flex;gap:12px}.balance-pill{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:22px;color:var(--ink);display:flex;font-size:12px;font-weight:700;gap:7px;padding:8px 13px}.theme-toggle,.mobile-menu{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:50%;color:var(--ink);cursor:pointer;display:inline-flex;height:38px;justify-content:center;width:38px}.theme-toggle .theme-sun,html.theme-dark .theme-toggle .theme-moon{display:none}html.theme-dark .theme-toggle .theme-sun{display:block}.mobile-menu{display:none;font-size:17px}.topbar-user{align-items:center;color:var(--ink);display:flex;gap:10px}.topbar-user img{background:var(--surface-2);border:1px solid var(--line);border-radius:50%;height:38px;object-fit:cover;width:38px}.topbar-user span{display:grid;line-height:1.15}.topbar-user strong{font-size:12.5px}.topbar-user small{color:var(--muted);font-size:10.5px;margin-top:4px}.content-area{flex:1;padding:26px 28px 32px}.content-container{margin:0 auto;max-width:1440px}.panel-footer{color:var(--muted);font-size:11px;padding:0 28px 18px;text-align:center}.sidebar-overlay{background:rgba(10,15,28,.48);display:none;inset:0;position:fixed;z-index:1030}.page-head{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:18px}.page-head h1,.card h1,.card h2,.card h3,.card h4,.card-page h1,.card-page h2,.card-page h3,.card-page h4{color:var(--ink);font-weight:700}.page-head h1{font-size:25px;letter-spacing:-.035em;margin:2px 0 3px}.page-head p{color:var(--muted);margin:0}.breadcrumb{background:transparent;color:var(--muted);font-size:11px;margin:0;padding:0}.card,.card-page,.data-block,.hero-unit,.well,.panel,.box{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;color:var(--ink);overflow:hidden}.card-header,.card-footer,.data-block header,.panel-heading,.box-header{background:var(--surface)!important;border-color:var(--line)!important;color:var(--ink)!important;padding:16px 18px}.card-body,.card-content,.data-container section,.panel-body,.box-body{padding:18px!important}.card-header h1,.card-header h2,.card-header h3,.card-header h4,.data-block header h1,.data-block header h2{font-size:17px!important;margin:0}.row{--bs-gutter-x:18px}.btn{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;min-height:38px;padding:8px 14px}.btn-primary,.btn-info{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.btn-success{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.btn-light,.btn-secondary,.btn-inverse{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--ink)!important}.form-control,.form-select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:8px!important;color:var(--ink)!important;font-size:13px!important;min-height:42px;padding:9px 12px!important}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)!important}.form-label,label{color:var(--ink);font-size:12px;font-weight:700;margin-bottom:6px}.table-responsive{border-radius:8px;overflow-x:auto}.table,table{border-color:var(--line)!important;color:var(--ink)!important;font-size:12.5px;margin-bottom:0;width:100%}.table>:not(caption)>*>*,table th,table td{background:transparent!important;border-color:var(--line)!important;color:inherit;padding:11px 13px!important;vertical-align:middle}.table thead th,table thead th{background:var(--surface-2)!important;color:var(--muted)!important;font-size:10px!important;font-weight:800!important;letter-spacing:.04em;text-transform:uppercase}.table-hover tbody tr:hover>*{background:var(--primary-soft)!important}.label,.badge,[class*=h-status-]{border-radius:20px;display:inline-flex;font-size:10px;font-weight:700;padding:4px 8px}.label-success,.h-status-active{background:rgba(46,166,115,.14);color:#168357}.label-warning,.h-status-pending-setup{background:rgba(241,168,0,.15);color:#a06a00}.label-danger,.h-status-setup-failed,.h-status-suspended,.h-setup-failed{background:rgba(220,53,69,.13);color:#c32c3a}.stat-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.stat-card{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);display:flex;gap:13px;min-height:86px;padding:15px 17px;transition:.18s ease}.stat-card:hover{border-color:var(--primary);color:var(--ink);transform:translateY(-2px)}.stat-icon{align-items:center;background:var(--primary-soft);border-radius:9px;color:var(--primary);display:flex;font-size:19px;height:43px;justify-content:center;min-width:43px}.stat-icon.green{background:rgba(46,166,115,.13);color:var(--accent)}.stat-icon.pink{background:rgba(220,53,120,.11);color:#c83a79}.stat-card strong{display:block;font-size:15px}.stat-card span{color:var(--muted);display:block;font-size:11.5px;margin-top:3px}.two-columns{display:grid;gap:18px;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.card-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:15px 18px}.card-head h2{font-size:16px;margin:0}.service-list{display:grid;padding:5px 18px}.service-list-item{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:13px 0}.service-list-item:last-child{border-bottom:0}.service-list-item strong,.service-list-item span{display:block}.service-list-item span{color:var(--muted);font-size:11px}.empty{color:var(--muted);padding:28px!important;text-align:center}.notice{align-items:center;border:1px solid;display:flex;gap:12px;margin:0 auto 14px;max-width:1440px;padding:12px 15px;border-radius:9px}.notice>i{font-size:20px}.notice span{flex:1}.notice a{border:1px solid currentColor;border-radius:7px;font-size:11px;font-weight:700;padding:6px 10px}.notice-danger{background:rgba(220,53,69,.09);border-color:rgba(220,53,69,.25);color:#b62634}.notice-warning{background:rgba(241,168,0,.10);border-color:rgba(241,168,0,.28);color:#8b5c00}.notice-info{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 25%,transparent);color:var(--primary)}.alert{border-radius:9px;font-size:12.5px}.pagination{gap:4px}.pagination a,.page-link{background:var(--surface)!important;border-color:var(--line)!important;border-radius:7px!important;color:var(--primary)!important}.modal-content,.dropdown-menu{background:var(--surface);border-color:var(--line);color:var(--ink)}.loading-overlay{align-items:center;background:rgba(0,0,0,.45);display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.guest-content{min-height:100vh}.joeri-dashboard .card{height:100%}.joeri-dashboard .dashboard-section{margin-bottom:18px}.joeri-dashboard .ticket-item{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:10px;justify-content:space-between;padding:12px 18px}.joeri-dashboard .ticket-item:last-child{border-bottom:0}.joeri-dashboard .ticket-item small{color:var(--muted)}
html.theme-dark .brand img{filter:brightness(0) invert(1)}html.theme-dark .text-muted{color:var(--muted)!important}html.theme-dark .bg-white{background:var(--surface)!important}html.theme-dark .modal-header,html.theme-dark .modal-footer{border-color:var(--line)}
@media(max-width:1180px){:root{--sidebar:224px}.content-area{padding:23px 22px 28px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){:root{--sidebar:246px}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-overlay.open{display:block}.main-area{margin-left:0;width:100%}.topbar{height:62px;justify-content:space-between;padding:0 15px}.mobile-menu{display:inline-flex}.content-area{padding:20px 16px 26px}.two-columns{grid-template-columns:1fr}.panel-footer{padding-inline:15px}}
@media(max-width:680px){body{font-size:12.5px}.content-area{padding:16px 11px 22px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:14px}.page-head h1{font-size:20px}.page-head p{font-size:11.5px}.stat-grid{gap:9px;grid-template-columns:1fr}.stat-card{min-height:70px;padding:11px 13px}.stat-icon{height:38px;min-width:38px}.stat-card strong{font-size:13px}.card-header,.card-footer,.card-body,.card-content,.data-container section{padding:13px!important}.card-head{padding:13px}.card-head h2{font-size:14px}.btn{font-size:11.5px;min-height:35px;padding:7px 10px}.table{font-size:11px}.table>:not(caption)>*>*,table th,table td{padding:9px 10px!important}.notice{align-items:flex-start;display:grid;grid-template-columns:auto 1fr;padding:10px 11px}.notice a{grid-column:2;justify-self:start}.balance-pill{font-size:10px;padding:7px 9px}.topbar-user strong{font-size:11px}.topbar-user small{font-size:9.5px}}
@media(max-width:480px){.topbar-user span{display:none}.balance-pill span{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-toggle,.mobile-menu{height:35px;width:35px}.brand{height:68px;min-height:68px}.sidebar{width:min(84vw,246px)}.service-list-item{grid-template-columns:auto minmax(0,1fr)}.service-list-item>.label,.service-list-item>.badge{grid-column:2}.card-head{align-items:flex-start;gap:8px}.card-head .btn{white-space:nowrap}}
@media print{.sidebar,.topbar,.panel-footer,.notice{display:none!important}.main-area{margin:0;width:100%}.content-area{padding:0}}