:root{--ink:#172033;--muted:#687386;--line:#e6eaf0;--surface:#fff;--bg:#f5f7fb;--blue:#2457d6}body{background:var(--bg);color:var(--ink);font-size:.94rem}.navbar-brand{letter-spacing:-.02em}.navbar .nav-link{padding-left:.8rem!important;padding-right:.8rem!important}.container-fluid{max-width:1600px}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.13em;color:#64748b}.card{border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 8px rgba(20,32,55,.025)}.card-header{padding:1rem 1.15rem;border-bottom:1px solid var(--line);border-radius:13px 13px 0 0!important}.table>:not(caption)>*>*{padding:.85rem 1rem;border-bottom-color:#edf0f4}.table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#758095;font-weight:700;background:#fbfcfe;white-space:nowrap}.stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:1.2rem;height:100%}.stat-label{color:var(--muted);font-size:.83rem}.stat-value{font-size:2rem;font-weight:700;letter-spacing:-.04em;margin-top:.45rem}.status{display:inline-flex;align-items:center;border-radius:99px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.status-active{background:#e4f7ed;color:#187747}.status-pending{background:#fff3d6;color:#8a5b00}.status-suspended{background:#fde8e8;color:#a42c2c}.status-expired{background:#eceff4;color:#535d6d}.quick-link{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem;border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none}.quick-link:hover{border-color:#b8c9fa;background:#f8faff}.quick-link small{display:block;color:var(--muted);margin-top:.2rem}.form-card{max-width:980px}.form-label{font-weight:600;font-size:.85rem}.form-control,.form-select{border-color:#dce2eb;min-height:42px}.form-control:focus,.form-select:focus{border-color:#8ba8f5;box-shadow:0 0 0 .2rem rgba(36,87,214,.12)}.detail-label{font-size:.75rem;color:var(--muted);margin-bottom:.25rem}.detail-value{font-weight:550;overflow-wrap:anywhere}.login-wrap{max-width:450px;margin:4vh auto}.login-wrap .card{border-radius:18px}.brand-mark{height:46px;width:46px;display:grid;place-items:center;background:#183a91;color:#fff;font-weight:800;border-radius:12px;letter-spacing:-.04em}.receipt{max-width:760px}.config-snippet{background:#f5f7fb;border:1px solid var(--line);border-radius:8px;padding:1rem;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem}@media(max-width:767px){.stat-value{font-size:1.7rem}.table>:not(caption)>*>*{padding:.7rem .65rem}.login-wrap{margin:2vh auto}}@media print{body{background:white}.card{box-shadow:none}}

/* Joriken ISP Networks / Lenscraft Studios professional visual system */
:root{--ink:#17283f;--muted:#6c7888;--line:#dfe5ed;--surface:#fff;--bg:#f3f6fa;--blue:#174b83;--blue-deep:#102b49;--accent:#2f6da8;--focus:rgba(47,109,168,.18)}
body{background:var(--bg);color:var(--ink);font-size:.94rem;line-height:1.5}.navbar{background:var(--blue-deep)!important;border-bottom:3px solid #3c79b4}.navbar-brand{font-weight:750;letter-spacing:.015em}.navbar .nav-link{font-size:.88rem;color:#dbe6f2!important}.navbar .nav-link:hover{color:#fff!important}.page-heading{margin-bottom:1.5rem}.page-heading h1{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:750;letter-spacing:-.04em}.eyebrow{font-size:.69rem;font-weight:750;letter-spacing:.14em;color:#5d7188;margin-bottom:.35rem}.card{border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 16px rgba(18,39,64,.035);overflow:hidden}.card-header{padding:1rem 1.15rem;background:#fff;border-bottom:1px solid var(--line)}.btn{font-weight:650;border-radius:7px}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-primary:hover{background:#103b68;border-color:#103b68}.form-control,.form-select{border-color:#d4dde8;border-radius:7px}.form-control:focus,.form-select:focus{border-color:#6d9dc8;box-shadow:0 0 0 .2rem var(--focus)}.table thead th{background:#f7f9fc;color:#6b7789;font-size:.7rem;letter-spacing:.08em}.status{border-radius:5px}.empty-state{text-align:center;color:var(--muted);padding:2.5rem 1rem!important}.portal-preview{min-height:250px;padding:1.5rem;color:#fff;display:flex;flex-direction:column;justify-content:center;gap:.8rem;background:#14263d}.portal-preview.portal-minimal{background:#f8fafc;color:#1b2a3d;border:1px solid var(--line)}.portal-preview.portal-night{background:#0b1423}.portal-preview.portal-community{background:#245c72}.portal-preview.portal-premium{background:#182c48}.portal-preview-brand{font-size:.65rem;letter-spacing:.13em;font-weight:800}.portal-preview-line{width:42px;height:3px;background:#77a7d5}.portal-preview-title{font-size:1.35rem;font-weight:750}.portal-preview-subtitle{font-size:.8rem;opacity:.8}.portal-preview-fields{display:grid;gap:.5rem}.portal-preview-fields span{display:block;height:16px;border:1px solid currentColor;opacity:.35;border-radius:4px}.portal-preview-fields b{font-size:.65rem;letter-spacing:.1em;border-radius:4px;background:#fff;color:#14263d;padding:.45rem;text-align:center}.portal-page{min-height:100vh;margin:0;padding:clamp(1rem,4vw,3rem);display:flex;align-items:center;justify-content:center;background:#eef2f7;color:#17283f}.portal-page.portal-night{background:#0c1626;color:#f2f6fb}.portal-page.portal-community{background:#eaf3f5}.portal-page.portal-premium{background:#edf1f6}.portal-shell{width:min(100%,480px);background:#fff;border:1px solid #dfe5ed;border-radius:16px;padding:clamp(1.5rem,5vw,2.5rem);box-shadow:0 18px 60px rgba(13,35,59,.1)}.portal-night .portal-shell{background:#121f32;border-color:#293c53;color:#f2f6fb}.portal-brand{font-size:1rem;letter-spacing:.07em;font-weight:850;color:#143f6c}.portal-brand span{display:block;font-size:.66rem;letter-spacing:.2em;margin-top:.12rem}.portal-night .portal-brand{color:#b8d7f4}.portal-rule{width:54px;height:4px;background:#397db7;margin:1.25rem 0 1.8rem;border-radius:2px}.portal-shell h1{font-size:clamp(1.7rem,5vw,2.15rem);font-weight:780;line-height:1.13;letter-spacing:-.04em}.portal-copy{color:#657386;font-size:.94rem;margin:1rem 0 1.4rem}.portal-night .portal-copy{color:#b4c3d4}.portal-form{display:grid;gap:.55rem}.portal-form label{font-size:.79rem;font-weight:700;margin-top:.45rem}.portal-form input{width:100%;min-height:46px;border:1px solid #d4dde8;border-radius:7px;padding:.7rem .8rem;font:inherit}.portal-form input:focus{outline:3px solid rgba(47,109,168,.18);border-color:#397db7}.portal-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.7rem 1rem;border:1px solid #174b83;border-radius:7px;background:#174b83;color:#fff;text-decoration:none;font-weight:750;font:inherit;cursor:pointer}.portal-form .portal-button{margin-top:.9rem}.portal-button:hover{background:#103b68;color:#fff}.portal-button-secondary{background:transparent;color:#174b83}.portal-links{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1rem;font-size:.8rem}.portal-links a{color:#245c8d}.portal-support{font-size:.78rem;color:#718094;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e4e9f0}.portal-shell footer{font-size:.68rem;color:#8591a1;margin-top:1.4rem}.portal-error{background:#fff0f0;border:1px solid #f0caca;color:#8b2424;padding:.75rem;border-radius:7px;margin:1rem 0}.portal-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.3rem 0}.portal-status-grid div{padding:.8rem;background:#f4f7fa;border:1px solid #e2e8ef;border-radius:8px;min-width:0}.portal-status-grid span{display:block;font-size:.7rem;color:#6c7888;margin-bottom:.3rem}.portal-status-grid strong{font-size:.85rem;overflow-wrap:anywhere}.portal-actions{display:grid;gap:.6rem}.portal-expired .portal-shell{border-top:4px solid #b25a46}.portal-expired .portal-rule{background:#b25a46}.portal-community .portal-brand{color:#245c72}.portal-premium .portal-brand{color:#203e64}@media(max-width:600px){.portal-status-grid{grid-template-columns:1fr}.portal-shell{border-radius:12px}.portal-links{flex-direction:column;gap:.65rem}}
.portal-package-shell{width:min(100%,600px)}.portal-package-list{display:grid;gap:.7rem;margin:1.2rem 0}.portal-package{display:flex;justify-content:space-between;align-items:center;gap:1rem;border:1px solid #dfe5ed;border-radius:9px;padding:.9rem 1rem}.portal-package h2{font-size:.96rem;font-weight:750;margin:0 0 .25rem}.portal-package p{font-size:.78rem;color:#6c7888;margin:0}.portal-package>strong{white-space:nowrap;color:#174b83;font-size:.95rem}.voucher-sale-form{min-width:190px}