:root{color:#142a24;font-synthesis:none;background:#f3f1e9;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:1080px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.eyebrow{color:#bd4b28;letter-spacing:.16em;font-size:11px;font-weight:800}.login-brand-logo{z-index:1;background:#fffdf8;border-radius:16px;width:250px;padding:10px 14px;box-shadow:0 12px 32px #071a1530}.login-brand-logo img{width:100%;height:auto;display:block}.login-page{grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:#123e34;flex-direction:column;justify-content:center;padding:clamp(54px,8vw,120px);display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #d4c38c55;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-170px;right:-210px;box-shadow:0 0 0 60px #d4c38c10,0 0 0 130px #d4c38c0a}.login-brand .eyebrow{color:#e3c971;margin-top:36px}.login-brand h1{letter-spacing:-.055em;max-width:680px;margin:14px 0 22px;font-size:clamp(48px,5vw,78px);font-weight:650;line-height:.98}.login-brand>p{color:#d2ded9;max-width:540px;font-size:18px;line-height:1.6}.security-note{z-index:1;background:#ffffff0c;border:1px solid #ffffff25;border-radius:16px;align-items:flex-start;gap:13px;max-width:490px;margin-top:54px;padding:17px 20px;display:flex}.security-note>span{color:#e3c971}.security-note div{gap:3px;display:grid}.security-note small{color:#aebeb8}.login-panel{background:#fbfaf6;place-items:center;padding:60px;display:grid}.login-panel form{width:min(430px,100%)}.login-panel h2{letter-spacing:-.03em;margin:10px 0 8px;font-size:34px}.login-panel form>p{color:#697770;margin:0 0 34px}label{gap:7px;margin-top:18px;font-size:13px;font-weight:700;display:grid}input,select{color:#142a24;background:#fff;border:1px solid #c9c5b8;border-radius:10px;outline:none;width:100%;padding:13px 14px}input:focus,select:focus{border-color:#b36d2e;box-shadow:0 0 0 3px #d8984525}.primary,.secondary,.danger-outline{border:0;border-radius:10px;padding:12px 18px;font-weight:750}.primary{color:#fff;background:#123e34;box-shadow:0 8px 20px #123e3420}.primary:hover{background:#0a5140}.primary:disabled{opacity:.55;cursor:not-allowed}.wide{width:100%;margin-top:22px}.secondary{color:#123e34;background:#fff;border:1px solid #bdb8a9}.danger-outline{color:#b23c22;background:#fff9f5;border:1px solid #d28b79}.text-button{color:#52635d;background:0 0;border:0;padding:11px;font-weight:650}.local-hint{color:#8b938f;text-align:center;margin-top:22px;display:block}.error-box{color:#96351f;background:#fff3ef;border:1px solid #e0a08f;border-radius:10px;padding:12px 14px;font-size:13px;font-weight:650}.login-panel .error-box{margin-top:18px}.portal{grid-template-columns:250px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.sidebar{color:#f9f7ee;background:#123e34;flex-direction:column;padding:25px 18px 18px;display:flex}.logo{border-bottom:1px solid #ffffff1d;justify-items:start;gap:7px;padding:0 7px 26px;display:grid}.sidebar-logo-surface{background:#fffdf8;border-radius:11px;width:176px;padding:7px 10px}.sidebar-logo-surface img{width:100%;height:auto;display:block}.logo>span:last-child{color:#a9bcb5;letter-spacing:.04em;font-size:12px}.sidebar nav{gap:7px;margin-top:26px;display:grid}.sidebar nav button,.logout{color:#cbd9d4;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:13px 14px;font-weight:650;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff15}.sidebar nav button.active{box-shadow:inset 3px 0 #e1c670}.icon{place-items:center;width:19px;font-style:normal;font-weight:800;display:inline-grid}.admin-card{border-top:1px solid #ffffff1d;align-items:center;gap:10px;margin-top:auto;padding:13px 8px;display:flex}.avatar{color:#123e34;background:#e2d39f;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.admin-card>div:last-child{min-width:0;display:grid}.admin-card small{color:#cbaa4e;letter-spacing:.1em;font-size:9px}.admin-card strong,.admin-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-card span{color:#9bb0a9;font-size:11px}.logout{border:1px solid #ffffff20;width:100%;margin-top:6px}.workspace{min-width:0;padding:36px clamp(28px,4vw,64px) 64px;overflow:auto}.workspace>header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.workspace h1{letter-spacing:-.045em;margin:5px 0 4px;font-size:38px;font-weight:650}.workspace header p{color:#697770;margin:0}.server-pill{color:#3f5b51;background:#fffdf8;border:1px solid #cfcabc;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:700;display:flex}.server-pill i{background:#2e916b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2e916b1a}.page-error{margin-top:22px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px;display:grid}.stats article{background:#fffdf8;border:1px solid #ddd8c9;border-radius:15px;align-items:center;gap:15px;padding:20px;display:flex}.stat-icon{color:#876a25;background:#eee5c8;border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.stats article>div:last-child{gap:3px;display:grid}.stats span{color:#707b76;font-size:12px}.stats strong{font-size:25px;line-height:1}.content-card{background:#fffdf8;border:1px solid #dad5c7;border-radius:17px;margin-top:20px;overflow:hidden}.section-head{border-bottom:1px solid #e4dfd3;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.section-head h2{margin:0;font-size:20px}.section-head p{color:#7a837f;margin:4px 0 0;font-size:12px}.head-actions{align-items:center;gap:10px;display:flex}.search{background:#fff;border:1px solid #d1cbbd;border-radius:10px;align-items:center;gap:7px;width:290px;padding:0 11px;display:flex}.search input{box-shadow:none;border:0;padding:11px 2px}.search .icon{color:#77837d}.table-row{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #ebe7dc;grid-template-columns:1.45fr 1.2fr .72fr .55fr .75fr 28px;align-items:center;gap:16px;padding:15px 24px;display:grid}.table button.table-row:hover{background:#f7f4ea}.table-head{color:#7a837f;letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:800}.company-cell{gap:3px;min-width:0;display:grid}.company-cell b,.company-cell small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.company-cell small{color:#7a837f}.arrow{color:#978e7c;text-align:right;font-size:25px}.status{color:#5d665f;text-transform:uppercase;letter-spacing:.045em;background:#eceae3;border-radius:999px;width:max-content;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.status.active{color:#17684f;background:#e2f2eb}.status.new{color:#84651c;background:#f5eccf}.status.revoked,.status.expired{color:#a43a22;background:#f8e4de}.empty-state{color:#7a837f;text-align:center;place-content:center;gap:6px;min-height:280px;display:grid}.overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10241e72;justify-content:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}.drawer{background:#fbfaf5;width:min(610px,92vw);height:100%;padding:30px;animation:.24s cubic-bezier(.2,.8,.2,1) slide;overflow:auto;box-shadow:-20px 0 60px #10241e20}.drawer-head{border-bottom:1px solid #ddd8ca;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;display:flex}.drawer-head h2{margin:7px 0 4px;font-size:28px}.drawer-head p{color:#718078;margin:0}.icon-button{color:#31453e;background:#fff;border:1px solid #cbc5b7;border-radius:50%;flex:0 0 40px;width:40px;height:40px;font-size:25px}.create-form h3,.detail-block h3{margin:25px 0 4px;font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:0 12px;display:grid}.form-grid .full{grid-column:1/-1}.form-grid small{color:#7b837f;font-weight:500}.input-action{gap:7px;display:flex}.input-action button{color:#123e34;white-space:nowrap;background:#fff;border:1px solid #c9c3b3;border-radius:9px;font-weight:700}.form-actions{border-top:1px solid #ddd8ca;justify-content:flex-end;gap:9px;margin-top:30px;padding-top:20px;display:flex}.reveal-modal{text-align:center;background:#fffdf8;border-radius:20px;width:min(560px,90vw);margin:auto;padding:38px;box-shadow:0 25px 80px #0d241e42}.success-mark{color:#fff;background:#247557;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 20px;font-size:26px;display:grid}.reveal-modal h2{margin:7px 0;font-size:30px}.reveal-modal>p{color:#697770;max-width:450px;margin:0 auto;line-height:1.5}.license-key{background:#f8f1dc;border:1px dashed #ad8b3d;border-radius:13px;gap:7px;margin:25px 0 16px;padding:20px;display:grid}.license-key small{color:#8c7132;letter-spacing:.12em;font-weight:800}.license-key strong{letter-spacing:.04em;font:700 23px ui-monospace,monospace}.reveal-modal dl{text-align:left;border:1px solid #e1dccf;border-radius:12px;margin:0;overflow:hidden}.reveal-modal dl div{border-bottom:1px solid #e8e4da;grid-template-columns:130px 1fr;padding:10px 14px;display:grid}.reveal-modal dl div:last-child{border:0}.reveal-modal dt{color:#77827c}.reveal-modal dd{margin:0;font-weight:700}.reveal-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.reveal-actions .primary,.reveal-actions .secondary{margin:0}.reveal-modal .text-button{width:100%;margin-top:5px}.detail-block{border-bottom:1px solid #dfdacd;padding:3px 0 24px}.detail-title{justify-content:space-between;align-items:center;display:flex}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;display:grid}.detail-grid span{color:#758078;background:#f0eee6;border-radius:10px;gap:4px;padding:12px;font-size:11px;display:grid}.detail-grid strong{color:#142a24;font-size:14px}.detail-grid span:last-child:nth-child(odd){grid-column:1/-1}.license-buttons{flex-wrap:wrap;gap:9px;display:flex}.owner-line{background:#f0eee6;border-radius:11px;align-items:center;gap:10px;padding:13px;display:flex}.owner-line>div:last-child{display:grid}.owner-line span,.device-row span,.muted{color:#748078;font-size:12px}.device-row{border-bottom:1px solid #ebe6da;grid-template-columns:38px 1fr auto auto;align-items:center;gap:10px;padding:12px 0;display:grid}.device-icon{background:#ece7d8;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.device-row>div:nth-child(2){min-width:0;display:grid}.mini{color:#30463e;background:#fff;border:1px solid #c9c3b5;border-radius:8px;padding:6px 10px;font-weight:700}.segmented{background:#eeece5;border-radius:10px;padding:3px;display:flex}.segmented button{color:#63716b;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.segmented button.active{color:#123e34;background:#fff;box-shadow:0 2px 8px #16292016}.timeline{padding:8px 24px 30px}.timeline article{grid-template-columns:40px 1fr;gap:13px;padding:17px 0;display:grid;position:relative}.timeline article:not(:last-child):after{content:"";background:#ded9cc;width:1px;position:absolute;top:52px;bottom:-8px;left:19px}.timeline-dot{z-index:1;color:#755b1f;background:#eee5c8;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.timeline-dot.admin{color:#fff;background:#123e34}.event-line{justify-content:space-between;gap:20px;display:flex}.event-line time{color:#79837e;font-size:11px}.timeline p{color:#53655e;margin:4px 0 1px}.timeline small{color:#89908d}.status.suspended{color:#a43a22;background:#f8e4de}.detail-error{margin-top:18px}.sme-control{background:#f3f0e6;border:1px solid #ded8ca;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin:20px 0;padding:15px;display:flex}.sme-control>div:first-child{gap:7px;display:grid}.sme-control p{color:#68766f;margin:0;font-size:12px}.sme-control>div:last-child{gap:8px;display:flex}.edit-sme-form{background:#fffdf8;border:1px solid #d8d1bf;border-radius:12px;grid-template-columns:1fr 1fr;gap:0 12px;margin:-8px 0 20px;padding:16px;display:grid}.edit-sme-form label{margin-top:10px}.edit-sme-form button{grid-column:1/-1;justify-self:end;margin-top:16px}.license-config{background:#f0eee6;border-radius:11px;grid-template-columns:1.4fr .8fr auto;align-items:end;gap:9px;margin:2px 0 14px;padding:13px;display:grid}.license-config label{margin:0}.license-config input,.license-config select{padding:9px 10px}.license-config button{height:39px;padding:8px 14px}.device-actions{gap:6px;display:flex}.device-actions .transfer{color:#7b5c17;background:#fffaf0;border-color:#cbb879}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{opacity:.5;transform:translate(40px)}}@media (width<=1250px){.stats{grid-template-columns:1fr 1fr}.table-row{grid-template-columns:1.4fr 1fr .65fr .5fr .7fr 20px}.head-actions{align-items:stretch}.search{width:230px}}
