:root{--bg:#0b1020;--surface:#121a2c;--border:#26324a;--text:#edf2fc;--muted:#94a3bd;--accent:#708cff}*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif!important;background:var(--bg)!important;color:var(--text)!important;font-size:14px}#wrapper{display:flex;min-height:100vh}#content-wrapper,#content{background:var(--bg)!important;min-width:0}#content-wrapper{flex:1}.sidebar{width:250px!important;min-width:250px;min-height:100vh;background:#101729!important;border-right:1px solid var(--border);padding:26px 16px;display:flex;flex-direction:column}.panel-brand{display:flex;align-items:center;gap:12px;color:var(--text)!important;font-size:21px;margin:0 10px 32px;text-decoration:none!important}.brand-mark{width:39px;height:43px;background:var(--accent);color:white;border-radius:12px;display:grid;place-items:center;font-weight:800}.panel-brand b{font-weight:450}.panel-brand small{display:block;font-size:8px;letter-spacing:1.8px;color:var(--muted);margin-top:4px}.nav-caption{font-size:10px;color:var(--muted);letter-spacing:1.6px;margin:0 14px 14px}.panel-nav{display:flex;align-items:center;gap:13px;padding:11px 14px;color:#a8b5ce!important;border-radius:9px;margin-bottom:4px;text-decoration:none!important;font-weight:500}.panel-nav>span{font-size:18px;width:19px;text-align:center;color:#7183a5}.panel-nav:hover{background:#1b2540}.panel-nav.selected{background:#263457;color:#fff!important}.panel-nav.selected>span{color:#92a9ff}.sidebar-account{margin-top:35px;border-top:1px solid var(--border);padding:22px 12px;color:var(--text)}.sidebar-account small{display:block;color:var(--muted);margin:5px 0 15px}.sidebar-account a{color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;background:#4fd8b1;border-radius:50%;margin-right:9px}.topbar{height:96px!important;background:rgba(18,26,44,.8)!important;border-bottom:1px solid var(--border);padding:20px 32px;box-shadow:none!important;margin-bottom:28px}.topbar h5{font-size:17px;margin:5px 0 0;color:var(--text)}.topbar-kicker{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.topbar-right{margin-left:auto;display:flex;gap:16px;align-items:center}.account-chip{font-size:11px;color:#a4b8ff;background:#233152;padding:7px 12px;border-radius:20px}.menu-button{display:none;background:transparent;border:1px solid var(--border);color:white;border-radius:8px;padding:8px 12px;margin-right:14px}.container-fluid,main{padding:0 32px 32px!important}.card,.modal-content{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:none!important;color:var(--text)}.card-header{background:transparent!important;border-bottom:1px solid var(--border)!important;padding:20px 24px!important}.card-body{padding:24px!important}.text-primary,.text-gray-800,.text-gray-900,h1,h2,h3,h4,h6{color:var(--text)!important}h1,h2{font-size:26px!important;font-weight:650!important;letter-spacing:-.6px;margin-bottom:24px!important}.form-control,.custom-select,select,textarea{background:#0e1525!important;border:1px solid #35415a!important;color:var(--text)!important;border-radius:9px!important;min-height:44px;font-size:14px}.form-control::placeholder{color:#6e7f9d}.form-control:focus{border-color:#8da2ff!important;box-shadow:0 0 0 3px #708cff22!important}label{font-size:12px;color:#afbed5;margin-bottom:8px}.btn{border-radius:8px!important;font-size:12px;padding:10px 16px;box-shadow:none!important}.btn-success,.btn-primary{background:#708cff!important;border-color:#708cff!important;color:#fff!important}.btn-danger{background:#aa3d55;border-color:#aa3d55}.btn-outline-secondary{color:#c4cde0;border-color:#38455f}.btn .icon{background:transparent!important}.btn-icon{padding:7px 10px}.table-responsive{margin-top:24px;border:1px solid var(--border);border-radius:13px}.table{color:var(--text)!important;margin:0;background:var(--surface)}.table thead th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)!important;background:#172137;border:0;padding:17px!important;white-space:nowrap}.table td{padding:15px 17px!important;border-top:1px solid var(--border)!important;font-size:12px;vertical-align:middle!important}.table-striped tbody:nth-child(even),.table-striped tbody tr:nth-of-type(odd){background:#ffffff02}.table tbody tr:hover{background:#ffffff04}.table td i{font-size:17px!important;color:#9fb2fb!important}.input-group{gap:8px;align-items:center}.input-group .form-control{min-width:150px}.sticky-footer{background:transparent!important;color:#62738f;padding:24px 32px!important;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:10px;margin-top:auto}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0 30px}.metric{padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:13px}.metric small{color:var(--muted);font-size:11px}.metric strong{display:block;font-size:32px;font-weight:600;margin:12px 0 8px}.metric span{font-size:10px;color:#7184a7}.page-kicker{font-size:10px;letter-spacing:2px;color:#7e96e6}.welcome-title{margin:10px 0!important}.subtle{color:var(--muted)}.dashboard-actions{display:flex;gap:10px;margin:24px 0}.empty-state{padding:45px;text-align:center;color:var(--muted)}.alert{border-radius:10px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:linear-gradient(150deg,#1c2b53,#11182c);padding:70px;display:flex;flex-direction:column;justify-content:center}.login-story h1{font-size:48px!important;line-height:1.15;max-width:500px;margin-top:50px}.login-story p{max-width:410px;line-height:1.8;color:#a4b1cc}.login-area{display:flex;align-items:center;justify-content:center;padding:28px}.login-card{width:100%;max-width:390px}.login-card h2{margin:16px 0!important}.login-card form{margin-top:28px}.login-card .btn-primary{width:100%;font-size:14px;margin-top:12px}.password-field{display:flex;gap:8px}.login-card small{display:block;margin-top:26px;color:var(--muted);text-align:center}.login-logo{max-height:48px;max-width:130px;object-fit:contain;margin-bottom:20px}.badge{padding:6px 9px;border-radius:5px}.badge-success{background:#193f3d;color:#63dfb2}.badge-danger{background:#442331;color:#f494aa}:focus-visible{outline:2px solid #96aaff;outline-offset:3px}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:220px!important;min-width:220px}.login-story{padding:45px}.login-story h1{font-size:36px!important}}@media(max-width:767px){.sidebar{position:fixed;z-index:1050;inset:0 auto 0 0;overflow:auto;transform:translateX(-100%);transition:transform .2s;width:250px!important}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #0008}.menu-button{display:block}.topbar{padding:16px;height:82px!important}.topbar-right .btn,.account-chip{display:none}.container-fluid,main{padding:0 16px 24px!important}.card-body{padding:18px!important}.metric-grid{gap:10px}.metric{padding:17px}.metric strong{font-size:27px}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-area{min-height:100vh}.dashboard-actions{flex-wrap:wrap}.sticky-footer{padding:22px 16px!important}.input-group{flex-wrap:wrap}h1,h2{font-size:23px!important}}
.admin-profile{max-width:1150px;padding-bottom:50px}.profile-title{margin:24px 0}.profile-title h1{font-size:32px}.profile-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;margin:24px 0}.profile-grid .card{height:fit-content}.profile-subtitle{font-size:18px}.profile-logo-preview{background:#1b002b;min-height:160px;border-radius:12px;display:grid;place-items:center;padding:24px;margin-bottom:24px;color:#ff8b00;font-size:28px}.profile-logo-preview img{max-width:100%;max-height:150px;object-fit:contain}.admin-profile .btn{margin:5px 8px 5px 0}@media(max-width:750px){.profile-grid{grid-template-columns:1fr}}
/* Device management: self-contained action icon and readable mobile rows. */
#main{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:14px;padding:24px;max-width:100%}
.text-muted,.form-text{color:#a9b8d1!important}.form-text{line-height:1.6;margin-top:8px}.devices-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.devices-heading h1{margin:8px 0 12px!important}.devices-toolbar{display:flex;align-items:flex-end;gap:24px;margin-top:24px}.device-search{flex:1;max-width:600px}.device-search input{margin-top:8px}.expired-filter{display:flex;align-items:center;gap:10px;padding-bottom:10px;white-space:nowrap}.expired-filter input{width:18px;height:18px;accent-color:var(--accent)}.device-actions{display:flex;align-items:center;gap:8px}.device-edit{display:inline-flex;align-items:center;gap:8px}.device-edit svg{flex-shrink:0;color:#aebfff}.device-mac{font-family:monospace;font-size:14px!important;white-space:nowrap}.device-table tr[hidden]{display:none!important}.devices-page{max-width:1600px;margin:auto}.device-table td{overflow-wrap:anywhere}
@media(max-width:767px){.devices-heading{align-items:flex-start;flex-direction:column;gap:4px}.devices-heading .btn{width:100%}.devices-toolbar{align-items:stretch;flex-direction:column;gap:4px}.device-table-wrap{border:0;overflow:visible}.device-table,.device-table tbody{display:block;background:transparent}.device-table thead{display:none}.device-table tr{display:block;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:12px;margin-bottom:16px}.device-table td{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;border:0!important;padding:10px 4px!important;font-size:14px}.device-table td::before{content:attr(data-label);color:var(--muted);font-size:12px}.device-table .device-actions{flex-wrap:wrap}.device-table tr:hover{background:var(--surface)}#main{padding:18px}.device-table .badge{justify-self:start}}
/* SenaPro modules — coherent slate/blue mobile layout */
.sena-module{max-width:1550px;margin:0 auto}.module-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.sena-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.sena-form-grid .sena-form-actions{grid-column:1/-1}.sena-form-grid .input-group{display:flex;align-items:stretch}.sena-module label{display:block;margin:15px 0 8px}.sena-form-grid label{margin-top:0}.sena-module .inline-check{display:flex;gap:12px;align-items:center;margin:18px 0}.sena-module .inline-check input{width:18px;height:18px}.sena-module h4{font-size:17px;color:#eef3ff;margin:25px 0 16px}.sena-module .card{overflow:hidden}.module-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:22px}.module-grid.compact{gap:15px}.hint-link{background:#0b1322;border:1px solid #2e3f5d;border-radius:9px;padding:13px;margin:16px 0;color:#a5bddc;overflow-wrap:anywhere}.hint-link code,.reveal-lines code{color:#b3c5ff}.dns-cell{max-width:240px;overflow-wrap:anywhere}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:13px}.reveal-lines{display:flex;gap:30px;flex-wrap:wrap}.state-chip{font-size:11px;padding:5px 9px;border-radius:30px;background:#26334e;color:#b6c4e8}.state-active{background:#153d36;color:#8ce5c5}.state-trial{background:#2e3551;color:#b9cbff}.state-expired,.state-blocked{background:#4d2734;color:#ffc4cb}.sena-module .table-responsive{margin-top:0}@media(max-width:850px){.module-grid,.sena-form-grid{grid-template-columns:1fr}.sena-form-grid .sena-form-actions{grid-column:auto}.module-heading{display:block}.module-heading .btn{margin-bottom:14px}.module-grid.compact{grid-template-columns:1fr 1fr}}