/* TaRa AI Premium Control Center — presentation-only layer. Backend/API contracts unchanged. */
:root{--tara-bg:#050817;--tara-surface:#0a1227;--tara-surface-2:#0c1932;--tara-line:rgba(104,142,220,.19);--tara-text:#f4f7ff;--tara-muted:#91a3c4;--tara-blue:#287eff;--tara-cyan:#13d7f8;--tara-violet:#8957ff;--tara-magenta:#ea35d2;--tara-green:#2ee5ac;--tara-amber:#ffc768;--tara-red:#ff658a;--tara-shadow:0 24px 70px rgba(0,0,0,.29)}
html{scroll-behavior:smooth;scroll-padding-top:22px}body{background:radial-gradient(ellipse at 84% -8%,rgba(47,76,197,.17),transparent 31%),radial-gradient(ellipse at 4% 42%,rgba(11,169,226,.08),transparent 29%),linear-gradient(135deg,#050817,#060b1d 52%,#08091c)!important;color:var(--tara-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(rgba(103,150,255,.13) .7px,transparent .7px);background-size:30px 30px;opacity:.16}a{transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}button,input,select,textarea{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #4edcff;outline-offset:3px}
/* Main dashboard shell */
.sidebar{background:linear-gradient(180deg,rgba(5,10,25,.98),rgba(4,7,18,.99))!important;border-right:1px solid rgba(85,130,220,.2)!important;box-shadow:16px 0 55px rgba(0,0,0,.18)!important;backdrop-filter:blur(20px)}.brand{padding:8px 8px 20px!important}.brand strong{font-size:20px!important;letter-spacing:.1px}.brand span{color:#8b9ec1!important;font-weight:700;letter-spacing:1.65px!important}.brand-line{height:2px!important;border-radius:9px;background:linear-gradient(90deg,var(--tara-cyan),#4a7cff,var(--tara-violet),var(--tara-magenta))!important;box-shadow:0 0 16px rgba(97,89,255,.32)}.section-label{color:#64789e!important;font-size:9px!important;letter-spacing:1.65px!important;font-weight:850;padding-top:18px!important}.nav{font-size:12px!important;font-weight:720!important;min-height:42px;border-radius:12px!important;padding:10px 12px!important;color:#a0afca!important}.nav:hover{background:rgba(26,52,98,.42)!important;border-color:rgba(76,131,229,.22)!important;transform:translateX(2px)}.nav.active{background:linear-gradient(105deg,#176df0 0%,#5149ed 58%,#8846f6 100%)!important;box-shadow:0 10px 27px rgba(65,91,249,.25),inset 0 1px rgba(255,255,255,.16)!important;border-color:rgba(164,174,255,.25)!important}.side-bottom{border-color:var(--tara-line)!important;background:linear-gradient(145deg,rgba(12,28,57,.92),rgba(8,14,30,.9))!important}.side-bottom .mini{color:#788eaf!important}.online{color:#d9e6ff!important}.main{background:radial-gradient(ellipse at 64% 0%,rgba(39,77,195,.075),transparent 34%)!important;padding:18px 26px 44px!important}.topbar{height:66px!important;border-bottom:1px solid rgba(81,120,196,.18)!important;margin-bottom:23px!important;gap:14px!important}.mobile-menu{border-color:var(--tara-line)!important;background:#0a1530!important;border-radius:13px!important}.search input{height:44px!important;background:rgba(8,18,39,.88)!important;border-color:rgba(87,127,199,.24)!important;border-radius:14px!important;color:#f6f8ff!important;font-size:12px!important}.search input::placeholder{color:#7286ad}.search input:focus{border-color:rgba(54,169,255,.8)!important;box-shadow:0 0 0 3px rgba(42,136,255,.12)!important}.icon-btn,.admin-chip,.more-btn{background:rgba(8,18,39,.88)!important;border-color:rgba(87,127,199,.22)!important;border-radius:14px!important}.icon-btn:hover,.more-btn:hover{border-color:#557bf2!important;background:#0d2145!important}.admin-chip{color:#edf4ff!important}.admin-chip img{background:#111e42!important}.more-menu{border-color:rgba(105,134,226,.35)!important;background:linear-gradient(145deg,#0d1a37,#060b19)!important;backdrop-filter:blur(18px)}
/* Hero aligned to the reference SaaS control-center composition */
.hero.hero-premium{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(220px,.88fr) minmax(170px,.58fr)!important;align-items:stretch!important;gap:20px!important;position:relative;isolation:isolate;overflow:hidden;padding:22px!important;margin:0 0 17px!important;border:1px solid rgba(107,126,241,.25);border-radius:23px;background:radial-gradient(ellipse at 70% 35%,rgba(93,61,226,.2),transparent 36%),radial-gradient(ellipse at 95% 95%,rgba(0,193,255,.1),transparent 36%),linear-gradient(125deg,rgba(10,22,48,.97),rgba(8,13,34,.98) 61%,rgba(14,13,46,.97));box-shadow:0 20px 55px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025)}.hero.hero-premium:after{content:"";position:absolute;width:400px;height:400px;right:13%;top:-245px;border:1px solid rgba(77,167,255,.11);border-radius:50%;box-shadow:0 0 0 28px rgba(99,76,255,.025),0 0 0 58px rgba(0,207,255,.02);z-index:-1;pointer-events:none}.hero-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}.hero-brand{gap:15px!important;align-items:flex-start!important}.hero-logo{width:64px!important;height:64px!important;flex:0 0 64px!important;border-radius:19px!important;background:linear-gradient(145deg,#172b60,#0b1530)!important;border-color:rgba(119,145,255,.3)!important;box-shadow:0 0 34px rgba(78,74,237,.19),inset 0 1px rgba(255,255,255,.1)!important}.hero-logo img{width:54px!important;height:54px!important;object-fit:contain}.eyebrow{color:#a7b9e0!important;font-size:9px!important;letter-spacing:1.9px!important;font-weight:850}.page-title{font-size:clamp(25px,2.2vw,36px)!important;line-height:1.12!important;letter-spacing:-.9px!important;font-weight:900!important;background:linear-gradient(94deg,#fff 10%,#dbe8ff 48%,#a89cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}.subtitle{color:#a3b3d2!important;font-size:12px!important;line-height:1.65!important;max-width:560px!important}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.hero-cta{background:linear-gradient(104deg,#0d96ff,#6050f4 60%,#9c43ee)!important}.hero-trust{display:flex;gap:10px 14px;flex-wrap:wrap;margin-top:17px;color:#8499bd;font-size:9px}.hero-trust>span{display:flex;align-items:center;gap:5px}.hero-check{width:15px;height:15px;display:inline-grid;place-items:center;border-radius:50%;font-style:normal;font-size:9px;color:#5df3c4;background:rgba(46,229,172,.12);border:1px solid rgba(46,229,172,.26)}.hero-visual{display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative;padding:5px 0}.visual-kicker{display:flex;align-items:center;justify-content:center;gap:9px;font-size:8px;letter-spacing:2px;font-weight:900;color:#91a8e9}.visual-pulse{width:6px;height:6px;border-radius:50%;background:var(--tara-green);box-shadow:0 0 13px var(--tara-green);animation:taraPulse 2.6s ease-in-out infinite}.neural-stage{position:relative;height:205px;display:grid;place-items:center;overflow:hidden}.neural-stage svg{position:relative;z-index:2;width:100%;height:100%;filter:drop-shadow(0 0 11px rgba(84,91,255,.3));animation:neuralBreath 6s ease-in-out infinite}.neural-orbit{position:absolute;width:158px;height:158px;border:1px solid rgba(103,111,255,.3);border-radius:50%;box-shadow:0 0 28px rgba(80,89,255,.1);animation:orbitSpin 22s linear infinite}.orbit-two{width:200px;height:105px;transform:rotate(-28deg);border-color:rgba(21,218,248,.26);animation-duration:16s;animation-direction:reverse}.float-node{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%;background:#39dbff;box-shadow:0 0 16px #17cfff;animation:nodeFloat 4.6s ease-in-out infinite}.node-a{top:26%;left:18%}.node-b{right:14%;top:44%;background:#f54ddc;box-shadow:0 0 15px #f54ddc;animation-delay:-2s}.node-c{bottom:18%;left:31%;animation-delay:-1.4s}.visual-foot{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.visual-foot span{font-size:7px;letter-spacing:1px;color:#92a5cc;border:1px solid rgba(104,139,213,.18);border-radius:99px;background:rgba(9,20,45,.65);padding:6px 8px}.time-card{min-width:0!important;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:17px!important;border:1px solid rgba(103,135,215,.24)!important;border-radius:18px!important;background:linear-gradient(150deg,rgba(12,28,59,.94),rgba(7,14,31,.98))!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 12px 30px rgba(0,0,0,.12)!important}.time-card-label{font-size:8px;letter-spacing:1.6px;color:#7f97c2;font-weight:900;margin-bottom:8px}.time-card b{font-size:14px!important;color:#edf4ff}.time-card small{color:#8fa2c5!important;font-size:10px!important;line-height:1.5}.time-card .status-line{color:#a6badc!important}.time-divider{height:1px;background:rgba(100,133,205,.18);margin:15px 0 10px}.time-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px;color:#8195b9;padding:5px 0}.time-meta strong{color:#aeeedc;font-size:9px}.time-meta:last-child strong{color:#9dd9ff}
@keyframes taraPulse{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes neuralBreath{0%,100%{transform:translateY(2px) scale(.98)}50%{transform:translateY(-3px) scale(1.02)}}@keyframes nodeFloat{0%,100%{translate:0 0}50%{translate:9px -11px}}
/* Metrics and panels */
.metrics{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin-bottom:14px!important}.metric{min-height:133px!important;padding:15px!important;border-color:rgba(83,124,204,.2)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(11,25,52,.98),rgba(7,13,29,.98))!important;box-shadow:0 13px 34px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important}.metric .topline{font-size:10px!important;line-height:1.35}.metric .num{font-size:29px!important;margin-top:18px!important}.metric .trend{font-size:9px!important;color:#8b9fc2!important;line-height:1.35}.metric.cyan{color:var(--tara-cyan)!important}.metric.green{color:var(--tara-green)!important}.metric.violet{color:#ad8bff!important}.metric.pink{color:#ff79da!important}.metric.blue{color:#76a8ff!important}.metric.blue:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#76a8ff,transparent);opacity:.72}.metric.blue .ico{background:rgba(73,133,255,.13)!important;color:#78afff!important}.panel{border:1px solid rgba(84,121,197,.2)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(10,19,40,.96),rgba(6,11,25,.985))!important;box-shadow:0 17px 48px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.018)!important}.panel-head{padding:17px 19px!important;border-bottom:1px solid rgba(87,123,194,.15)!important}.panel-title{font-size:13px!important;color:#eef4ff!important;font-weight:850!important}.panel-sub{font-size:10px!important;color:#8195ba!important;line-height:1.5!important}.panel-body{padding:17px 19px!important}.dashboard-grid{grid-template-columns:minmax(0,1.28fr) minmax(280px,.82fr)!important;gap:14px!important}.quick{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.quick a{min-height:110px!important;padding:14px!important;border-color:rgba(82,127,205,.2)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(11,29,60,.86),rgba(7,15,34,.92))!important}.quick a:hover{border-color:rgba(66,170,255,.6)!important;background:linear-gradient(145deg,#102c55,#0c1734)!important;transform:translateY(-2px)}.quick b{font-size:11px!important;color:#eaf2ff!important}.quick span{font-size:9px!important;color:#8ea2c4!important;line-height:1.4}.quick svg{color:#7daeff!important}.status-row{border-color:rgba(81,124,201,.16)!important;background:rgba(8,20,43,.8)!important;border-radius:12px!important;padding:11px 12px!important}.status-left{font-size:10px!important;color:#d8e3f7!important}.status-row small{font-size:9px!important;color:#8da1c5!important}.ok-dot{background:#36e7b1!important;box-shadow:0 0 10px rgba(46,229,172,.45)!important}.bad-dot{width:7px;height:7px;border-radius:50%;background:#ff718d;box-shadow:0 0 8px rgba(255,101,138,.3)}.warn-dot{width:7px;height:7px;border-radius:50%;background:#ffc768;box-shadow:0 0 8px rgba(255,199,104,.28)}.health-note{display:flex;gap:8px;align-items:flex-start;margin-top:12px;padding:10px 11px;border:1px solid rgba(95,135,221,.14);border-radius:11px;background:rgba(10,22,46,.58);color:#718ab2;font-size:9px;line-height:1.5}.health-note svg{width:14px;height:14px;flex:0 0 14px;color:#80a8ff}.chart{height:235px!important;gap:17px!important;padding:25px 24px 31px!important;background:radial-gradient(ellipse at 50% 28%,rgba(97,78,255,.13),transparent 55%)!important}.bar{border-radius:10px 10px 3px 3px!important;background:linear-gradient(180deg,#a56dff 0%,#566bff 55%,#12bde8 100%)!important;box-shadow:0 0 25px rgba(96,83,255,.18)!important}.bar label{font-size:9px!important;color:#92a5c7!important}.bar em{font-size:10px!important;color:#c2d3f5!important}.pill{border:1px solid rgba(116,149,221,.15)!important;letter-spacing:.2px}.pill.ACTIVE{background:rgba(46,229,172,.09)!important;color:#5fe8bb!important;border-color:rgba(46,229,172,.24)!important}.pill.SUSPENDED,.pill.REVOKED,.pill.DISABLED{background:rgba(255,101,138,.08)!important;color:#ff91aa!important;border-color:rgba(255,101,138,.2)!important}.pill.EXPIRED{background:rgba(255,199,104,.08)!important;color:#ffce82!important}
/* Additional real shortcuts, each navigates to an existing working module */
.control-modules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.control-module{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 12px;text-decoration:none;border:1px solid rgba(88,125,202,.2);border-radius:15px;background:linear-gradient(145deg,rgba(12,28,57,.9),rgba(7,14,31,.96));transition:transform .18s,border-color .18s,background .18s}.control-module:hover{transform:translateY(-2px);border-color:rgba(99,158,255,.55);background:linear-gradient(145deg,rgba(18,42,81,.95),rgba(8,17,38,.98))}.module-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:rgba(132,91,255,.12);color:#b79cff;border:1px solid rgba(132,91,255,.23)}.module-icon svg{width:19px;height:19px}.module-copy{display:block;min-width:0;flex:1}.module-copy b{display:block;color:#ebf3ff;font-size:10px;font-weight:850;line-height:1.35}.module-copy small{display:block;margin-top:4px;color:#8197bb;font-size:8px;line-height:1.45}.module-arrow{width:13px;height:13px;flex:0 0 13px;color:#758bb2}.module-cyan .module-icon{color:#55e6ff;background:rgba(19,215,248,.09);border-color:rgba(19,215,248,.2)}.module-pink .module-icon{color:#ff76df;background:rgba(234,53,210,.09);border-color:rgba(234,53,210,.2)}.module-blue .module-icon{color:#78b3ff;background:rgba(40,126,255,.1);border-color:rgba(40,126,255,.2)}.module-amber .module-icon{color:#ffd28a;background:rgba(255,199,104,.1);border-color:rgba(255,199,104,.2)}.module-green .module-icon{color:#54edbd;background:rgba(46,229,172,.09);border-color:rgba(46,229,172,.2)}
/* Forms, tables, dialogs */
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background:rgba(4,11,26,.9)!important;color:#f1f5ff!important;border:1px solid rgba(94,133,204,.25)!important;border-radius:12px!important;min-height:43px}input::placeholder,textarea::placeholder{color:#6f84aa!important}input:focus,select:focus,textarea:focus{border-color:rgba(59,180,255,.82)!important;box-shadow:0 0 0 3px rgba(40,126,255,.1)!important;outline:0!important}select option{background:#091329;color:#f4f7ff}.field{background:rgba(4,11,26,.9)!important;border:1px solid rgba(94,133,204,.25)!important;border-radius:12px!important;color:#f2f6ff!important}label{color:#b0c0dc}button,.btn{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.btn{border-radius:12px!important;background:linear-gradient(105deg,#147bff,#6052f0 62%,#9c4df1)!important;box-shadow:0 8px 20px rgba(65,92,245,.17)!important;font-weight:850!important;letter-spacing:.1px}.btn:hover{filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 11px 25px rgba(65,92,245,.23)!important}.btn.secondary{background:rgba(11,25,51,.95)!important;border:1px solid rgba(99,140,218,.28)!important;color:#dce9ff!important;box-shadow:none!important}.submit{background:linear-gradient(105deg,#147bff,#6052f0 62%,#d13dda)!important}.table-wrap,.tablewrap{border-radius:13px!important;overflow:auto!important;overscroll-behavior-x:contain}.table{border-collapse:separate!important;border-spacing:0!important;width:100%!important}.table th{background:rgba(12,27,55,.93)!important;color:#a8bbdc!important;font-size:9px!important;text-transform:uppercase;letter-spacing:.7px;padding:13px 12px!important;border-bottom:1px solid rgba(91,130,203,.2)!important;white-space:nowrap}.table td{color:#d7e1f4!important;font-size:10px!important;padding:12px!important;border-bottom:1px solid rgba(91,130,203,.12)!important;vertical-align:middle!important}.table tbody tr{background:rgba(8,17,37,.42)}.table tbody tr:hover{background:rgba(23,48,91,.42)!important}.table tbody tr:last-child td{border-bottom:0!important}.table td strong{color:#f0f5ff}.actions{gap:5px!important}.actions form{margin:0}.actions button,.table td form button{border:1px solid rgba(93,133,205,.22)!important;border-radius:9px!important;padding:7px 9px!important;background:rgba(10,25,51,.94)!important;color:#c8d8f4!important;font-size:9px!important;font-weight:800!important;white-space:nowrap}.actions button:hover,.table td form button:hover{border-color:#5b8cff!important;color:#fff!important}.actions button.danger,.table td form button.danger{background:rgba(111,29,57,.5)!important;border-color:rgba(255,101,138,.25)!important;color:#ff9db2!important}.notice,.err,.ok{border-radius:13px!important;padding:13px 15px!important}.notice.ok,.ok{background:rgba(14,94,69,.2)!important;border:1px solid rgba(46,229,172,.28)!important;color:#8af3ce!important}.notice.err,.err{background:rgba(100,28,53,.25)!important;border:1px solid rgba(255,101,138,.3)!important;color:#ffb0c0!important}.modal .modalbox,.key-modal-box{background:radial-gradient(ellipse at top,rgba(84,75,220,.19),transparent 42%),linear-gradient(145deg,#0d1b38,#060b19)!important;border-color:rgba(101,135,225,.35)!important;box-shadow:0 25px 100px rgba(0,0,0,.55)!important;border-radius:22px!important}.modal h3{color:#f3f6ff!important}.editgrid input,.editgrid select,.editgrid textarea{width:100%;min-width:0}.key-modal{backdrop-filter:blur(10px)!important}.key-value{background:rgba(3,10,25,.9)!important;border-color:rgba(76,170,244,.3)!important}.key-value code{color:#9beaff!important}
/* Standalone admin pages share the same design tokens and visual language */
.wrap{width:min(1440px,100%)!important;max-width:1440px!important;margin:0 auto!important;padding:clamp(16px,2.7vw,34px)!important}.top{gap:16px!important;flex-wrap:wrap}.brand{color:#e9efff!important;background:linear-gradient(95deg,#fff,#c8d8ff 55%,#9d8dff)!important;-webkit-background-clip:text!important;background-clip:text!important}.brand img{filter:drop-shadow(0 0 18px rgba(93,105,255,.42))!important}.back{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px!important;border-color:rgba(95,134,212,.28)!important;background:rgba(11,25,51,.72);color:#dce8ff!important;padding:10px 14px!important;text-decoration:none}.back:hover{border-color:#6a8fff!important;background:#10254a}.panel{margin-bottom:17px!important;padding:22px!important}.panel h1,.panel h2,.panel h3{color:#eef4ff}.muted{color:#8da1c4!important;line-height:1.55}.stats{gap:9px!important}.tablewrap,.table-wrap{max-width:100%;overflow:auto}.thumb{max-width:110px;height:auto;border-radius:10px;border:1px solid rgba(108,145,220,.25)}.preview{background:radial-gradient(ellipse at 50% 0%,rgba(84,76,228,.18),transparent 52%),linear-gradient(145deg,#07172e,#050a18)!important;border-color:rgba(104,136,218,.28)!important;border-radius:18px!important}.preview .label{color:#a6adff!important}.preview h1{color:#f2f6ff!important}.row{row-gap:11px}.switch{border-color:rgba(92,130,208,.24)!important;background:rgba(7,19,42,.8)!important;border-radius:13px!important}.status.on{background:rgba(255,101,138,.1)!important;color:#ff93aa!important;border:1px solid rgba(255,101,138,.23)}.status.off{background:rgba(46,229,172,.1)!important;color:#62e9bd!important;border:1px solid rgba(46,229,172,.23)}
/* Login */
.box{background:linear-gradient(145deg,rgba(10,22,46,.96),rgba(5,10,24,.98))!important;border-color:rgba(107,135,226,.3)!important;box-shadow:0 30px 95px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.025)!important;border-radius:25px!important}.field input,.box input{background:#050d20!important;border-color:rgba(97,133,205,.28)!important;border-radius:12px!important;color:#f5f8ff!important}.box .top h2{color:#f4f7ff}.box .top span{color:#92a3c4}.visual{background-color:#070c1e!important}.foot{color:#6d80a8!important}
/* Responsive: preserve usable forms and horizontally scroll only dense data tables */
@media(max-width:1260px){.hero.hero-premium{grid-template-columns:minmax(0,1.3fr) minmax(200px,.8fr)!important}.hero-visual{display:none}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.control-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:900px){.main{padding:12px 15px 35px!important}.sidebar{backdrop-filter:blur(24px)}.topbar{margin-bottom:16px!important}.hero.hero-premium{grid-template-columns:minmax(0,1fr) 200px!important;padding:17px!important}.time-card{width:auto!important}.hero-brand{align-items:flex-start!important}.page-title{font-size:clamp(24px,4vw,32px)!important}.dashboard-grid{grid-template-columns:minmax(0,1fr)!important}.quick{grid-template-columns:repeat(3,minmax(0,1fr))!important}.panel{border-radius:17px!important}}
@media(max-width:680px){.main{padding:9px 10px 28px!important}.topbar{gap:8px!important;height:auto!important;min-height:54px;padding:5px 0 12px!important}.topbar .search{min-width:0}.search input{font-size:11px!important;padding-left:36px!important}.search svg{left:11px!important}.icon-btn,.more-btn{width:38px!important;height:38px!important}.top-actions{gap:5px!important}.hero.hero-premium{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:16px!important}.hero-logo{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:15px!important}.hero-logo img{width:41px!important;height:41px!important}.hero-brand{gap:11px!important}.hero-trust{gap:8px 11px;font-size:8px}.hero-actions .btn{flex:1;justify-content:center;padding:10px 9px!important;font-size:9px!important}.time-card{display:grid!important;grid-template-columns:1fr auto;gap:4px 10px;width:100%!important;padding:12px!important}.time-card-label{grid-column:1/-1}.time-card b,.time-card small,.time-card .status-line{grid-column:1}.time-card .time-divider{display:none}.time-meta{grid-column:2;grid-row:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.metric{min-height:117px!important;padding:12px!important;border-radius:15px!important}.metric .topline{font-size:9px!important}.metric .ico{width:31px!important;height:31px!important;border-radius:10px!important}.metric .num{font-size:25px!important;margin-top:15px!important}.metric .trend{font-size:8px!important}.panel-head{padding:13px!important;align-items:flex-start!important}.panel-body{padding:13px!important}.quick{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick a{min-height:102px!important;padding:12px!important}.control-modules{grid-template-columns:minmax(0,1fr)!important}.control-module{padding:12px!important}.module-panel .panel-head .pill{display:none}.chart{height:205px!important;gap:7px!important;padding:20px 8px 29px!important}.bar label{font-size:7px!important;white-space:normal;max-width:48px;text-align:center;line-height:1.2}.wrap{padding:14px!important}.top{align-items:flex-start!important}.top .brand{font-size:22px!important}.top>div:last-child{display:flex;gap:7px;flex-wrap:wrap}.panel{padding:15px!important}.table th,.table td{padding:10px 9px!important}.stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.preview{padding:13px!important}.preview h1{font-size:22px!important}}
@media(max-width:390px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.metrics{gap:7px!important}.metric .num{font-size:23px!important}.admin-chip{display:none!important}.time-card{display:flex!important}.quick{grid-template-columns:1fr 1fr!important}.quick b{font-size:10px!important}.quick span{font-size:8px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* The in-app dashboard panels use dedicated panel-head/panel-body padding. */
.app .panel{padding:0!important}
.subpage-nav{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:-3px 0 20px;padding:8px;border:1px solid rgba(86,126,202,.17);border-radius:14px;background:rgba(7,16,36,.62)}.subpage-nav a{display:inline-flex;align-items:center;padding:8px 11px;border-radius:9px;text-decoration:none;color:#93a8cb;font-size:10px;font-weight:800;border:1px solid transparent}.subpage-nav a:hover{color:#fff;background:rgba(45,82,151,.28);border-color:rgba(93,142,232,.23)}
.warn{color:#ffcf7f!important}

/* Four primary KPI cards mirror the reference layout; device count is shown in System Health. */
.metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* V2.25.64 — license console polish, visible top-left three-dot control, compact rows */
.mobile-menu{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;color:#eaf4ff!important;border:1px solid rgba(95,142,231,.34)!important;border-radius:13px!important;background:linear-gradient(145deg,#10264c,#080f25)!important;box-shadow:0 6px 18px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05)!important;cursor:pointer!important;font-size:28px!important;line-height:1!important;padding:0!important}
.mobile-menu span{display:block;transform:translateY(-2px);font-weight:900}
.mobile-menu:hover{border-color:#57ccff!important;box-shadow:0 0 22px rgba(40,165,255,.18)!important}
@media(min-width:901px){.app.sidebar-collapsed .sidebar{width:78px!important;padding-inline:10px!important}.app.sidebar-collapsed .main{margin-left:78px!important;width:calc(100% - 78px)!important}.app.sidebar-collapsed .sidebar .brand>div:not(.brand-mark),.app.sidebar-collapsed .sidebar .section-label,.app.sidebar-collapsed .sidebar .nav span,.app.sidebar-collapsed .sidebar .side-bottom{display:none!important}.app.sidebar-collapsed .sidebar .brand{justify-content:center!important;padding:8px 0 16px!important}.app.sidebar-collapsed .sidebar .brand-mark{margin:auto}.app.sidebar-collapsed .sidebar .brand-line{width:46px;margin:0 auto 14px!important}.app.sidebar-collapsed .sidebar .nav{justify-content:center!important;padding:12px 8px!important}.app.sidebar-collapsed .sidebar .nav svg{flex:0 0 20px}.app.sidebar-collapsed .sidebar .nav:hover{transform:none!important}}
.license-plan-note{display:flex;align-items:center;gap:12px;margin-bottom:15px;padding:13px 15px;border:1px solid rgba(47,220,177,.24);border-radius:14px;background:linear-gradient(105deg,rgba(7,57,54,.34),rgba(9,25,50,.7))}.license-plan-note .plan-spark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(32,225,181,.1);border:1px solid rgba(46,229,172,.22);color:#76ffdb;font-size:23px;flex:0 0 38px}.license-plan-note strong{display:block;color:#9cf4d9;font-size:10px;letter-spacing:.8px}.license-plan-note small{display:block;margin-top:4px;color:#88a8bf;font-size:9px;line-height:1.5}.create-grid{grid-template-columns:minmax(180px,1fr) minmax(220px,1.35fr) minmax(125px,.58fr) auto!important;align-items:center}.field-help{margin:10px 2px 0;color:#7085aa;font-size:9px;line-height:1.5}.record-id{display:inline-flex;padding:5px 7px;border:1px solid rgba(94,143,226,.19);border-radius:7px;background:rgba(15,32,64,.5);font:800 9px ui-monospace,monospace;color:#9cbbf0}.user-name-cell{display:block;font-size:11px}.cell-meta{display:block;margin-top:5px;color:#7186ad;font-size:8px;white-space:nowrap}.license-key-cell{min-width:220px;max-width:340px}.access-key-code{display:block;max-width:100%;overflow-wrap:anywhere;white-space:normal;color:#9cecff!important;font:700 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;padding:7px 8px;border:1px solid rgba(51,199,246,.18);border-radius:8px;background:rgba(3,15,34,.76)}.access-key-code.legacy-key{color:#8498b8!important;border-color:rgba(123,147,182,.18)}.copy-mini{margin-top:5px;padding:5px 8px;border:1px solid rgba(81,156,228,.28);border-radius:7px;background:rgba(22,55,100,.52);color:#a9d7ff;font-size:8px;font-weight:900;letter-spacing:.5px;cursor:pointer}.copy-mini:hover{border-color:#56d9ff;color:#fff}.legacy-note{color:#ffcc81!important}.permanent-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border:1px solid rgba(51,224,173,.22);border-radius:99px;background:rgba(10,95,70,.15);color:#8af0d0;font-size:8px;font-weight:900;letter-spacing:.45px;white-space:nowrap}.device-count{white-space:nowrap;padding:6px 8px;border-radius:8px;background:rgba(12,29,59,.68);border:1px solid rgba(89,131,203,.15);font:800 10px ui-monospace,monospace}.device-count i{font-style:normal;color:#627da7;padding:0 2px}.row-actions{display:flex;align-items:center;gap:7px;min-width:95px}.row-actions>.edit{padding:8px 11px!important;border:1px solid rgba(101,140,233,.34)!important;border-radius:9px!important;background:linear-gradient(110deg,rgba(35,85,175,.4),rgba(68,43,151,.48))!important;color:#d8e4ff!important;font-size:8px!important;font-weight:950!important;letter-spacing:.55px;cursor:pointer}.row-actions>.edit:hover{border-color:#65d8ff!important;color:#fff!important}.row-more{position:relative;display:inline-block}.row-more summary{list-style:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(99,133,203,.26);border-radius:9px;background:rgba(8,21,47,.92);color:#d7e7ff;font-size:22px;font-weight:900;line-height:1;cursor:pointer;user-select:none}.row-more summary::-webkit-details-marker{display:none}.row-more[open] summary{border-color:#53aaff;background:#102750}.row-menu{position:static;display:grid;gap:5px;width:min(230px,75vw);margin-top:7px;padding:9px;border:1px solid rgba(93,132,212,.3);border-radius:12px;background:linear-gradient(145deg,#0d1b38,#060b19);box-shadow:0 12px 28px rgba(0,0,0,.32)}.row-menu form{margin:0}.row-menu button{display:block;width:100%;padding:8px 10px!important;text-align:left;border:1px solid rgba(99,132,198,.16)!important;border-radius:8px!important;background:rgba(8,23,49,.86)!important;color:#c9d8f4!important;font-size:9px!important;font-weight:800!important;cursor:pointer}.row-menu button:hover{border-color:rgba(74,163,255,.5)!important;background:rgba(25,56,102,.8)!important}.row-menu button.danger{color:#ff9aaf!important;border-color:rgba(255,90,135,.18)!important;background:rgba(93,22,47,.4)!important}.edit-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.edit-modal-heading h3{margin:5px 0 0!important}.modal-eyebrow{font-size:8px;letter-spacing:1.6px;color:#79a9ed;font-weight:900}.form-label{display:grid;gap:7px;color:#98b1d9;font-size:9px;font-weight:850;letter-spacing:.2px}.form-label input,.form-label select,.form-label textarea{margin:0}.form-label input[readonly]{color:#8fe5cc!important;border-color:rgba(56,207,165,.18)!important;background:rgba(6,52,46,.45)!important}.label-hint{font-size:8px;font-weight:600;color:#6b86b0;letter-spacing:0}.legacy-key-notice{margin-top:13px;padding:11px 12px;border:1px solid rgba(255,190,87,.24);border-radius:10px;background:rgba(105,63,16,.18);color:#ffd796;font-size:9px;line-height:1.55}.legacy-key-notice[hidden]{display:none!important}.row-actions details[open] .row-menu{display:grid}.table td{overflow-wrap:normal}.table td .cell-meta{white-space:normal}.license-toolbar{flex-wrap:wrap}.license-toolbar .panel-sub{font-size:10px}
@media(max-width:1250px){.create-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.create-grid button{min-height:43px}.license-key-cell{min-width:210px}}
@media(max-width:620px){.create-grid{grid-template-columns:1fr!important}.create-grid button{width:100%;justify-content:center}.license-plan-note{align-items:flex-start;padding:11px}.license-key-cell{min-width:205px}.row-menu{width:min(230px,70vw)}.edit-modal-heading{flex-direction:column}.permanent-badge{align-self:flex-start}.mobile-menu{flex:0 0 38px!important;width:38px!important;height:38px!important}.row-actions>.edit{padding:8px 9px!important}}
.expiry-badge{display:inline-flex;padding:6px 8px;border:1px solid rgba(255,190,87,.22);border-radius:99px;background:rgba(105,63,16,.15);color:#ffd58d;font-size:8px;font-weight:850;white-space:nowrap}