:root{color-scheme:light;--bg:#f4f7fb;--panel:#fff;--ink:#172033;--muted:#6d7890;--line:#e3e8f1;--blue:#2867e8;--blue-soft:#edf3ff;--green:#15966d;--amber:#bf7925;--red:#c84848;--shadow:0 18px 50px rgba(31,49,84,.08);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.muted{color:var(--muted);line-height:1.7}.eyebrow{margin:0 0 7px;color:#7a86a0;font-size:12px;font-weight:800;letter-spacing:.13em}.brand-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:linear-gradient(145deg,#3677f1,#174fc4);box-shadow:0 12px 24px rgba(40,103,232,.28);color:white;font-size:24px;font-weight:850}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:18px}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#e9f1ff 0,transparent 38%),var(--bg)}.login-card{width:min(430px,calc(100vw - 32px));padding:42px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}.login-card h1{margin:18px 0 6px;font-size:30px}.stack{display:grid;gap:17px;margin-top:28px}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:#11192a;color:#dce5f7;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand div{display:grid;gap:2px}.brand span:last-child{font-size:12px;color:#8692ab}.sidebar nav{display:grid;gap:7px}.nav-item{display:grid;gap:4px;width:100%;padding:13px 14px;border:1px solid transparent;border-radius:12px;background:transparent;color:#aeb9cf;text-align:left}.nav-item span{font-weight:750;color:#dce5f7}.nav-item small{font-size:11px}.nav-item:hover,.nav-item.active{border-color:#30415f;background:#1b2941}.nav-item.active{box-shadow:inset 3px 0 #4f83ef}.sidebar-foot{margin-top:auto;padding:18px 10px 0;border-top:1px solid #2a354a;display:flex;justify-content:space-between;align-items:center;font-size:13px}.sidebar-foot>span:last-child{display:flex;gap:2px}.text-button{border:0;background:none;color:#91b4ff}.workspace{min-width:0}.topbar{height:105px;padding:25px 34px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.84);display:flex;align-items:center;justify-content:space-between}.topbar h1{margin:0;font-size:25px}.environment{padding:9px 13px;border:1px solid #cce8dc;border-radius:99px;color:#28765c;background:#f2fbf7;font-size:13px}.status-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#21b17e}.page{padding:28px 34px 50px;max-width:1500px;margin:auto}.metrics{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:16px;margin-bottom:18px}.metric{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 8px 24px rgba(37,54,91,.04)}.metric strong{display:block;margin-top:8px;font-size:30px}.metric span{color:var(--muted);font-size:13px}.panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 8px 28px rgba(36,54,88,.045)}.hero-panel{display:flex;justify-content:space-between;align-items:center;padding:28px;margin-bottom:18px;background:linear-gradient(110deg,#fff 50%,#f1f6ff)}.hero-panel h2,.panel h2{margin:0 0 5px;font-size:19px}.hero-panel p{max-width:760px;margin-bottom:0}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.panel-head p{margin:0}.device-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 220px;gap:14px;padding:18px 22px;border-bottom:1px solid var(--line);background:#fbfcfe}.device-toolbar label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.device-toolbar label>span{white-space:nowrap}.device-table{min-height:270px}.device-table .simple-table td:first-child{display:grid;gap:5px}.device-table .simple-table td:nth-child(2){display:grid;gap:4px}.device-table small{font-size:11px}.device-id{color:#72809a;font-size:11px}.verified{color:#16815e}.badge.ACTIVE{background:#e9f8f2;color:#16815e}.badge.PENDING{background:#fff4e5;color:#a66212}.badge.REVOKED{background:#fdeeee;color:#b43b3b}.device-empty{min-height:250px}.loading-row{padding:28px 8px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:16px 22px;border-top:1px solid var(--line)}.pagination .secondary{min-height:34px}.primary,.secondary,.danger{min-height:40px;padding:0 17px;border-radius:10px;font-weight:750}.primary{border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 7px 16px rgba(40,103,232,.18)}.primary:hover{background:#1f5dd8}.secondary{border:1px solid #ced6e5;background:#fff;color:#33405a}.danger{border:1px solid #f0cece;background:#fff7f7;color:var(--red)}button:disabled{cursor:not-allowed;opacity:.52}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filters{display:flex;gap:7px}.filter{padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted)}.filter.active{border-color:#a9c4fc;background:var(--blue-soft);color:#1f5bcf;font-weight:750}.content-layout{display:grid;grid-template-columns:minmax(420px,.85fr) minmax(500px,1.15fr);gap:18px;align-items:start}.catalog-panel,.detail-panel{min-height:620px}.catalog-list{padding:10px}.catalog-item{display:grid;grid-template-columns:1fr auto;gap:14px;width:100%;padding:16px;border:1px solid transparent;border-radius:12px;background:transparent;text-align:left}.catalog-item:hover,.catalog-item.selected{border-color:#cbdaf8;background:#f5f8ff}.catalog-item h3{margin:0 0 6px;font-size:15px}.catalog-item p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.catalog-meta{display:flex;gap:7px;margin-top:10px}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:99px;background:#eff2f7;color:#59647a;font-size:11px;font-weight:750}.badge.PUBLISHED{background:#e9f8f2;color:#16815e}.badge.DRAFT{background:#fff4e5;color:#a66212}.badge.ARCHIVED{background:#f2f3f5;color:#777}.badge.kind{background:var(--blue-soft);color:#2a62cf}.empty-state{min-height:500px;display:grid;place-content:center;gap:8px;text-align:center;color:var(--muted)}.empty-state strong{color:var(--ink)}.detail-body{padding:24px}.detail-title{display:flex;justify-content:space-between;gap:18px}.detail-title h2{font-size:22px}.detail-title p{margin:7px 0}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.description{padding:16px;border-radius:12px;background:#f8fafc;color:#4d5870;white-space:pre-wrap;line-height:1.7}.release-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px}.release-card{padding:15px;border:1px solid var(--line);border-radius:12px;margin-top:9px}.release-card.current{border-color:#9ec0ff;background:#f6f9ff}.release-top{display:flex;justify-content:space-between;gap:12px}.release-card h4{margin:0}.release-card code{display:block;overflow:hidden;margin:9px 0;color:#57647d;font-size:11px;text-overflow:ellipsis}.release-actions{display:flex;gap:7px}.small-button{padding:6px 10px;border:1px solid #d6ddea;border-radius:7px;background:#fff;color:#46536d;font-size:12px}.table-wrap{padding:8px 18px 18px}.simple-table{width:100%;border-collapse:collapse}.simple-table th,.simple-table td{padding:13px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.simple-table th{color:var(--muted);font-size:11px;text-transform:uppercase}.audit-list{padding:8px 22px 22px}.audit-row{display:grid;grid-template-columns:170px 170px 1fr 150px;gap:18px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.audit-row strong{font-size:12px}.audit-row span{color:var(--muted)}label{display:grid;gap:7px;color:#3c4962;font-size:13px;font-weight:700}input,select,textarea{width:100%;border:1px solid #ccd5e4;border-radius:10px;background:#fff;color:var(--ink);outline:0}input,select{height:44px;padding:0 12px}textarea{padding:11px 12px;resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:#6e9bf2;box-shadow:0 0 0 3px #e8f0ff}label small{color:var(--muted);font-weight:400}.form-error{min-height:20px;margin:0;color:var(--red);font-size:13px}dialog{width:min(700px,calc(100vw - 40px));padding:0;border:0;border-radius:20px;box-shadow:0 30px 100px rgba(22,32,51,.24)}dialog::backdrop{background:rgba(15,24,40,.48);backdrop-filter:blur(3px)}.dialog-card{padding:25px}.dialog-card.wide{width:100%}.dialog-head{display:flex;justify-content:space-between;margin-bottom:22px}.dialog-head h2{margin:0}.icon-button{width:35px;height:35px;border:0;border-radius:8px;background:#f0f3f8;color:#667188;font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.span-2{grid-column:span 2}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:8px}.toast{position:fixed;z-index:20;right:28px;top:122px;padding:13px 17px;border:1px solid #cce5d9;border-radius:10px;background:#f0fbf6;color:#176d51;box-shadow:var(--shadow)}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.content-layout{grid-template-columns:1fr}.detail-panel{min-height:420px}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{grid-template-columns:repeat(4,1fr)}.nav-item small{display:none}.sidebar-foot{display:none}.topbar{height:auto;padding:20px}.page{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.hero-panel{align-items:flex-start;gap:20px}.device-toolbar{grid-template-columns:1fr}.device-toolbar label{grid-template-columns:1fr}.device-table{overflow-x:auto}.device-table .simple-table{min-width:720px}.hero-panel{gap:20px}.content-layout{display:block}.detail-panel{margin-top:16px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.audit-row{grid-template-columns:1fr 1fr}.environment{display:none}}