:root{--nav:#0d2340;--nav2:#102d51;--bg:#f3f7fb;--card:#fff;--line:#dce5ef;--text:#12223b;--muted:#718096;--blue:#1769e0;--blue2:#eaf3ff;--green:#22a965;--red:#e33d38;--amber:#e39a15;--purple:#6d5ae6;--shadow:0 8px 28px rgba(28,58,94,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.hidden{display:none!important}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:linear-gradient(180deg,var(--nav),#0b1d36);color:#d9e7f7;padding:24px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:230px}.brand{display:flex;gap:12px;align-items:center;margin:0 4px 34px}.brandmark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#2d7cff,#1554bd);display:grid;place-items:center;font-size:24px;font-weight:800;color:#fff;box-shadow:0 8px 24px rgba(24,105,224,.3)}.brand strong{display:block;font-size:16px;color:#fff}.brand span{display:block;font-size:12px;margin-top:4px;color:#9eb6d3}.sidebar nav{display:grid;gap:8px}.nav{border:0;background:transparent;color:#c8d8eb;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:9px;text-align:left;cursor:pointer}.nav span{font-size:20px;width:22px}.nav:hover,.nav.active{background:#214e88;color:#fff}.sidebar-bottom{margin-top:auto;display:grid;gap:18px;padding:0 8px}.sidebar-bottom a{color:#b8cbe1;text-decoration:none;font-size:13px}.mode-badge{font-size:11px;font-weight:800;padding:8px 10px;border-radius:7px;background:#6b4a0a;color:#ffe0a2;letter-spacing:.08em}main{grid-column:2;min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:24px}.topbar p{margin:3px 0 0;color:var(--muted)}.userbox{display:flex;align-items:center;gap:10px}.userbox div:nth-child(2){display:grid}.userbox span{color:var(--muted);font-size:12px}.userbox a{margin-left:12px;color:var(--blue);text-decoration:none;font-size:13px}.avatar{width:40px;height:40px;border-radius:50%;background:#dbeaff;color:#1750a0;display:grid;place-items:center;font-weight:700}.avatar.large{width:56px;height:56px;font-size:19px}.content{padding:20px 28px 30px;flex:1}.search-row{margin-bottom:18px}.searchbox{background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding-left:15px;box-shadow:var(--shadow);overflow:hidden}.searchbox>span{font-size:24px;color:#6d7f96}.searchbox input{border:0;outline:0;padding:16px 14px;width:100%;font-size:15px;color:var(--text)}.button{border:0;border-radius:8px;padding:11px 18px;cursor:pointer;font-weight:650}.searchbox .button{border-radius:0;align-self:stretch;min-width:110px}.primary{background:var(--blue);color:#fff}.primary:hover{background:#105cc9}.secondary{background:#f1f4f8;color:#34455d;border:1px solid #d5dee9}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:18px;gap:14px;min-height:104px;box-shadow:var(--shadow)}.stat-icon{width:48px;height:48px;border-radius:50%;background:var(--blue2);color:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:800}.stat.warning .stat-icon{background:#fff0ed;color:var(--red)}.stat.licenses .stat-icon{background:#edf9f2;color:var(--green)}.stat div:nth-child(2){display:grid}.stat span{font-size:13px;font-weight:650}.stat strong{font-size:25px;margin:4px 0}.stat small{color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.empty{text-align:center;padding:64px 20px}.empty-icon{font-size:42px;color:var(--blue);margin-bottom:14px}.empty h2{margin:0 0 8px}.empty p{color:var(--muted);margin:0 auto 18px;max-width:640px}.examples{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.examples button{border:1px solid #d8e3ef;background:#f7faff;color:#3b5775;border-radius:18px;padding:7px 12px;cursor:pointer}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.section-head h2{font-size:17px;margin:0}.section-head p{margin:4px 0 0;color:var(--muted);font-size:13px}.pill{border-radius:14px;padding:5px 10px;font-size:12px}.pill.green{background:#e9f9ef;color:#14804a}.pill.red{background:#fff0ef;color:#b92e2e}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 385px;gap:16px;align-items:start}.leftcol{display:grid;gap:16px}.leftcol>.card,.device-card,#resultsSection{padding:18px}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-card{display:flex;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:9px;padding:14px;cursor:pointer;gap:12px;min-height:78px}.action-card:hover{border-color:#a8c6ef;box-shadow:0 5px 15px rgba(18,59,105,.07)}.action-card>div{display:grid;flex:1}.action-card strong{font-size:14px}.action-card small{color:var(--muted);margin-top:4px}.action-card>b{font-size:23px;color:#7c8da1}.action-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:20px;font-weight:800}.action-icon.blue{background:#eaf3ff;color:var(--blue)}.action-icon.purple{background:#f1efff;color:var(--purple)}.action-icon.amber{background:#fff7e7;color:var(--amber)}.action-icon.red{background:#fff0ef;color:var(--red)}.person{display:flex;align-items:center;gap:12px;padding:4px 0 18px;border-bottom:1px solid var(--line)}.person>div:nth-child(2),.device-title>div:nth-child(2){display:grid}.person span,.device-title span{font-size:12px;color:var(--muted);margin-top:3px}.device-title{display:flex;align-items:center;gap:12px;padding:18px 0}.tablet-icon{width:50px;height:62px;border-radius:6px;border:3px solid #1d2a3a;background:#edf3fa;display:grid;place-items:center;font-size:25px}.details{margin:0;display:grid;gap:11px}.details div{display:grid;grid-template-columns:120px 1fr;gap:8px}.details dt{color:var(--muted);font-size:13px}.details dd{margin:0;font-size:13px;font-weight:600;word-break:break-word}.accent{color:var(--blue)}.linkbtn{border:0;background:transparent;color:var(--blue);cursor:pointer}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}th{text-align:left;background:#f4f7fb;color:#51657e;font-weight:700}th,td{padding:10px;border-bottom:1px solid #e5ebf2;white-space:nowrap}.status-ok{color:var(--green);font-weight:700}.status-fail{color:var(--red);font-weight:700}.result-list{display:grid;gap:8px}.result{display:grid;grid-template-columns:42px 1.4fr 1fr 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:11px 13px;cursor:pointer}.result:hover{border-color:#9dbce5;background:#f9fbfe}.result-icon{width:40px;height:40px;border-radius:9px;background:#eaf3ff;display:grid;place-items:center;color:var(--blue);font-size:22px}.result strong,.result span{display:block}.result span{font-size:12px;color:var(--muted);margin-top:3px}footer{height:48px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px;color:#73849a;font-size:11px;background:#fbfdff}.modal{position:fixed;inset:0;background:rgba(8,22,39,.55);z-index:50;display:grid;place-items:center;padding:20px}.modal-card{background:#fff;border-radius:12px;padding:24px;width:min(470px,100%);position:relative;box-shadow:0 24px 70px rgba(0,0,0,.25)}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:25px;color:#6f8094;cursor:pointer}.modal-icon{width:44px;height:44px;border-radius:12px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:800}.modal h2{margin:14px 0 6px}.modal p{color:var(--muted);font-size:14px;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.form-row{display:grid;gap:6px;margin-top:14px}.form-row label{font-size:13px;font-weight:650}.form-row select,.form-row input,.form-row textarea{border:1px solid #ccd8e5;border-radius:7px;padding:10px;background:#fff}.codebox{font-size:30px;font-weight:800;letter-spacing:.17em;text-align:center;border:1px dashed #9bb7d6;background:#f6faff;border-radius:10px;padding:18px;margin-top:15px}.toast{position:fixed;right:22px;bottom:22px;background:#142a45;color:#fff;padding:13px 16px;border-radius:9px;box-shadow:0 15px 35px rgba(0,0,0,.18);z-index:90;max-width:390px}.gate{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,#183e6d,#071526 65%);padding:20px}.gate-card{width:min(420px,100%);background:#fff;border-radius:14px;text-align:center;padding:40px;box-shadow:0 25px 70px rgba(0,0,0,.3)}.gate-card .brandmark{margin:0 auto 18px}.gate-card p{color:var(--muted);margin-bottom:24px}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.device-card{grid-row:1}.result{grid-template-columns:42px 1fr auto}.result>div:nth-child(3),.result>div:nth-child(4){display:none}}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;width:auto;min-height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar-bottom{display:none}main{grid-column:1}.topbar{height:auto;padding:16px;gap:16px}.topbar h1{font-size:18px}.userbox div:nth-child(2){display:none}.content{padding:14px}.stats{grid-template-columns:1fr}.actions-grid{grid-template-columns:1fr}.searchbox .button{min-width:auto}.workspace{grid-template-columns:1fr}footer{display:none}}