:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#18243d;background:#f5f7fb;font-synthesis:none;--blue:#2862e9;--muted:#758199;--border:#e5eaf2}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:10px 15px;background:white;color:#36435a;font-size:13px;font-weight:600}button:hover{background:#eef3fc;border-color:#c9d6ec}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button.primary:hover{background:#1d4ed8}.danger{color:#bd3947}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.8px;font-weight:650;margin-bottom:8px}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:15px}p{color:var(--muted);font-size:13px;line-height:1.65}svg{width:19px;height:19px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.shell{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--border);padding:28px 18px;position:fixed;inset:0 auto 0 0;width:235px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 7px;font-size:19px;font-weight:750;letter-spacing:-.6px}.brandmark{display:grid;place-items:center;background:var(--blue);color:white;width:35px;height:35px;border-radius:10px}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:2px;margin-top:4px}.workspace{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:13px 11px;margin:29px 0 23px;font-size:12px}.workspace .avatar{background:#e7efff;color:var(--blue)}.workspace strong{font-size:12px}.workspace small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.nav-caption{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#929db0;margin:14px 13px 10px}.nav{display:flex;flex-direction:column;gap:4px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;padding:13px;color:#748098;font-size:12px;font-weight:550}.nav button.active{background:#edf3ff;color:#2862e9}.nav button:hover{background:#f4f7fc}.nav .count{margin-left:auto;padding:3px 7px;border-radius:5px;font-size:10px;background:#dfeafe;color:#3e6bcc}.sidebar-bottom{margin-top:auto}.engine-mini{border:1px solid var(--border);border-radius:10px;padding:14px;margin:20px 2px;color:#64728a;font-size:11px;line-height:1.8}.engine-mini strong{display:flex;gap:7px;align-items:center;color:#33405a;font-size:12px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#96a0b2}.dot.blue{background:#3575ed}.dot.green{background:#22a482}.main{grid-column:2;min-width:0}.topbar{height:78px;border-bottom:1px solid var(--border);background:#ffffffd9;padding:0 38px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{font-size:12px;color:#9aa3b5}.breadcrumb span{color:#45536d;margin-left:13px}.top-actions{display:flex;gap:18px;align-items:center}.lab{font-size:10px;color:#947138;border:1px solid #eddcbc;background:#fffaf0;border-radius:5px;padding:5px 8px;font-weight:600}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e9eefb;font-size:11px;color:#375fab;font-weight:700}.user{display:flex;align-items:center;gap:9px;font-size:12px}.user small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.iconbtn{padding:7px;display:inline-flex;align-items:center;justify-content:center}.content{padding:34px 38px;max-width:1590px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:20px}.heading p{margin:0}.heading button{display:flex;align-items:center;gap:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px}.stat{background:white;border:1px solid var(--border);border-radius:11px;padding:20px 22px;position:relative}.stat label{font-size:11px;font-weight:500;color:#7a869d}.stat b{display:block;font-size:28px;font-weight:650;letter-spacing:-1px;margin:12px 0 8px}.stat small{font-size:10px;color:#8e99ac}.stat .stat-icon{position:absolute;right:18px;top:17px;color:#7592c4;background:#f3f6fd;padding:8px;border-radius:8px;display:flex}.stat .stat-icon svg{width:16px;height:16px}.panel{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;gap:16px;border-bottom:1px solid var(--border)}.panel-head h2{font-size:14px;margin:0}.panel-head h2 small{color:#96a0b1;font-weight:400;margin-left:8px;font-size:11px}.filters{display:flex;gap:10px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--border)}input,select,textarea{border:1px solid #dfe5ef;background:#fff;border-radius:7px;padding:10px 12px;color:#32405a;font-size:12px;min-width:0}textarea{resize:vertical;min-height:85px}input::placeholder{color:#a0aabd}.search{position:relative;flex:1;max-width:370px;display:flex;align-items:center}.search svg{position:absolute;left:12px;color:#9aa8bb;width:16px}.search input{width:100%;padding-left:38px;background:#fafbfd}.filters select{min-width:160px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{padding:13px 22px;background:#fafbfd;color:#8a95a9;font-size:10px;font-weight:600;letter-spacing:.3px}td{padding:18px 22px;font-size:12px;border-top:1px solid #eff2f7;color:#65728a}td strong{color:#33415c;font-size:12px;font-weight:600}td small{display:block;font-size:10px;color:#96a0b1;margin-top:5px}tbody tr:hover{background:#fbfcff}.device-name{display:flex;align-items:center;gap:12px}.device-icon{display:flex;padding:9px;border:1px solid #e7ebf3;border-radius:9px;color:#7a92b8;background:#fbfcff}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;background:#f1f4f8;color:#7d889b;font-size:10px;font-weight:600}.badge.online{color:#219677;background:#eaf8f2}.badge.demo{color:#5677b7;background:#eef3fc}.badge.admin{color:#8064b1;background:#f2eefb}.rowbtn{font-size:11px;padding:7px 10px;display:inline-flex;gap:6px;align-items:center}.rowbtn svg{width:13px;height:13px}.row-actions{display:flex;gap:6px;align-items:center}.table-foot{padding:15px 22px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:#96a0b1;font-size:10px}.notice{display:flex;align-items:flex-start;gap:12px;background:#edf3ff;border:1px solid #dce7fc;border-radius:10px;padding:16px 20px;color:#5c75a8;font-size:12px;line-height:1.65}.notice svg{color:#4678d0;margin-top:2px}.notice strong{color:#3b588e}.notice p{margin:3px 0 0;color:inherit;font-size:11px}.notice.warn{background:#fffbf2;border-color:#f0e4cd;color:#8b7551}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.company-card,.package-card{background:white;border:1px solid var(--border);border-radius:11px;padding:24px}.company-card .company-icon{display:flex;width:43px;height:43px;align-items:center;justify-content:center;border-radius:11px;background:#edf3ff;color:#5d83c2;margin-bottom:18px}.company-card h3{margin-bottom:6px}.company-card footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;border-top:1px solid var(--border);padding-top:15px}.company-card footer span{font-size:11px;color:#8490a4}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.package-card{padding:28px}.package-card>svg{width:30px;height:30px;color:var(--blue);margin-bottom:20px}.package-card ul{padding-left:18px;font-size:12px;color:#78859b;line-height:2}.package-card button{margin-top:16px}.package-card select{display:block;width:100%;margin-top:12px}.section-gap{margin-top:25px}.empty{text-align:center;padding:48px;color:#8d98ac;font-size:13px}.empty svg{display:block;margin:0 auto 13px;width:28px;height:28px}.security-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px;border-bottom:1px solid var(--border)}.security-row:last-child{border:0}.security-row h3{margin:0;font-size:12px}.security-row p{font-size:11px;margin:4px 0 0}.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.privacy-grid article{background:white;border:1px solid var(--border);border-radius:10px;padding:24px}.privacy-grid article p{margin-bottom:0}.muted{color:var(--muted)}.code{font-family:Consolas,monospace;font-size:11px;overflow-wrap:anywhere;white-space:normal}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-art{background:#152956;color:white;display:flex;flex-direction:column;justify-content:center;padding:12%;position:relative}.login-art .brand{position:absolute;top:45px;left:45px}.login-art h1{font-size:44px;line-height:1.18;letter-spacing:-1.5px;margin-bottom:22px}.login-art p{font-size:15px;color:#aabbdc;max-width:400px}.login-art .orbit{width:250px;height:180px;border:1px solid #426297;border-radius:22px;margin-bottom:40px;display:grid;place-items:center;background:#203966}.orbit svg{width:70px;height:70px;color:#b7d0ff}.login-form{display:flex;align-items:center;justify-content:center;padding:45px}.login-form form{width:100%;max-width:380px}.login-form h2{font-size:26px}.fields{display:grid;gap:15px}.field{display:grid;gap:7px;font-size:12px;font-weight:500;color:#637087}.field input,.field select,.field textarea{width:100%}.field small{font-weight:400;font-size:11px;line-height:1.5}.check{display:flex;gap:9px;align-items:center;font-size:12px;color:#7c879c}.check input{width:auto}.login-form .primary{width:100%;padding:13px;margin-top:22px}.error{font-size:12px;color:#c74255;line-height:1.5;min-height:18px;margin-top:12px}.login-note{font-size:10px;color:#9aa3b3;text-align:center;margin-top:25px}dialog{border:1px solid var(--border);border-radius:14px;padding:0;width:520px;max-width:calc(100vw - 35px);box-shadow:0 25px 90px #142b4b33;color:#21304c}dialog::backdrop{background:#13254277;backdrop-filter:blur(2px)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:24px 25px;max-height:70vh;overflow:auto}.modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:18px 25px;background:#fafbfd;border-top:1px solid var(--border)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:620px;padding:14px 20px;background:#21395c;color:white;border-radius:9px;box-shadow:0 6px 22px #0002;font-size:13px;z-index:50;display:none}#toast.show{display:block}footer.page-footer{display:flex;justify-content:space-between;font-size:10px;color:#a2abba;margin-top:25px}button.linklike{border:0;color:var(--blue);background:none;padding:0;font-size:11px}.detail-pair{display:flex;justify-content:space-between;font-size:12px;margin-bottom:18px;gap:20px}.detail-pair span{color:#8a96aa}.detail-pair strong{font-weight:500;text-align:right}.form-help{padding:12px;background:#f3f6fb;border-radius:7px;font-size:11px;color:#7c89a1;line-height:1.6;margin-bottom:20px}
@media(min-width:1500px){.content{padding-top:45px}.stats{gap:22px}.stat{padding:24px}td{padding-top:22px;padding-bottom:22px}}
@media(max-width:1100px){.sidebar{width:200px}.shell{grid-template-columns:200px 1fr}.content{padding:25px}.topbar{padding:0 25px}.grid{grid-template-columns:repeat(2,1fr)}.stats{gap:10px}.stat{padding:16px}.stat .stat-icon{display:none}.filters select{min-width:100px}.privacy-grid{grid-template-columns:1fr}}
@media(max-width:760px){.shell{display:block}.sidebar{position:static;width:100%;padding:16px}.sidebar .workspace,.sidebar .nav-caption,.sidebar-bottom{display:none}.sidebar .brand{margin-bottom:15px}.nav{flex-direction:row;overflow:auto}.nav button{padding:10px;white-space:nowrap}.nav button svg{display:none}.main{width:100%}.topbar{height:65px;padding:0 18px}.user>div:last-child{display:none}.content{padding:24px 16px}.heading{align-items:flex-start}h1{font-size:24px}.stats{grid-template-columns:1fr 1fr}.two-col,.grid{grid-template-columns:1fr}.filters{flex-wrap:wrap;padding:14px}.search{max-width:none;flex-basis:100%}.filters select{flex:1}.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-form{padding:30px}.top-actions{gap:8px}.table-foot{line-height:1.6;gap:15px}}