:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Microsoft YaHei,sans-serif;color:#242033;background:#f6f6fa;font-synthesis:none;--night: #201a31;--purple: #6941f2;--purple-deep: #5330cc;--purple-soft: #eee9ff;--green: #16875b;--amber: #a76100;--danger: #c62d3d;--ink: #242033;--muted: #777286;--line: #e5e2eb;--surface: #fff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #beaefe;outline-offset:2px}h1,h2,h3,p{margin-top:0}.boot{min-height:100vh;display:grid;place-items:center;color:var(--purple);font-size:34px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,.82fr) 1.18fr;background:#fff}.login-card{width:min(430px,calc(100vw - 48px));margin:auto;padding:48px 0}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:var(--purple);color:#fff;font-size:27px;box-shadow:0 14px 28px #6941f238;margin-bottom:32px}.brand-mark.small{width:38px;height:38px;margin:0;border-radius:11px;font-size:20px;box-shadow:none;flex:0 0 auto}.eyebrow{margin:0 0 8px;color:var(--purple);font-size:10px;letter-spacing:.17em;font-weight:850}.login-card h1{font-size:37px;letter-spacing:-.045em;margin-bottom:12px}.muted{color:var(--muted);line-height:1.7;font-size:13px}.login-tabs{display:flex;gap:5px;padding:4px;border-radius:11px;background:#f1eff5;margin:26px 0 19px}.login-tabs button{flex:1;min-height:38px;background:transparent;color:#6d6778;border-radius:8px;font-size:12px;font-weight:750}.login-tabs button.active{background:#fff;color:var(--night);box-shadow:0 3px 12px #23182d14}.login-art{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 16%,#9276ff 0,transparent 29%),linear-gradient(140deg,#5b35dc,#211932 73%);padding:74px;display:flex;align-items:flex-end}.login-art:before,.login-art:after{content:"";position:absolute;border:1px solid #ffffff25;border-radius:50%;width:440px;height:440px;right:-90px;top:-130px}.login-art:after{width:610px;height:610px;right:-170px;top:-215px}.login-art div{position:relative;max-width:660px}.login-art small{display:block;color:#c9bfff;font-weight:800;letter-spacing:.18em;margin-bottom:16px}.login-art strong{font-size:clamp(40px,5vw,72px);line-height:1.07;letter-spacing:-.055em}.login-art p{color:#bbb3cb;line-height:1.7;max-width:470px;margin:25px 0 0}.stack{display:grid;gap:16px}label{display:grid;gap:7px;color:#565064;font-size:12px;font-weight:760}input,select,textarea{width:100%;min-height:43px;padding:11px 12px;border:1px solid #dcd8e5;border-radius:10px;color:var(--ink);background:#fff}textarea{min-height:88px;resize:vertical}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.code-field{display:grid;grid-template-columns:1fr auto;gap:8px}.primary,.secondary,.danger-button{min-height:43px;padding:0 17px;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:780}.primary{color:#fff;background:var(--purple);box-shadow:0 6px 15px #6941f22d}.primary:hover{background:var(--purple-deep)}.primary.compact{min-height:38px;font-size:12px}.secondary{border:1px solid #d9d4e5;background:#fff;color:#524b60;min-height:39px;font-size:12px}.secondary:hover{border-color:#a69abf;color:var(--purple)}.danger-button{color:var(--danger);background:#fff0f2;border:1px solid #f0c1c7;min-height:35px;padding:0 11px;font-size:11px}.danger-button.confirm{color:#fff;background:var(--danger);width:100%;min-height:43px}.notice{display:flex;align-items:flex-start;gap:8px;padding:11px 13px;background:#f0ecff;color:#513d9f;border-radius:9px;font-size:12px;line-height:1.5}.notice svg{flex:0 0 auto;margin-top:1px}.notice.warn{color:#7a5000;background:#fff5d8}.notice.error{color:#9f2030;background:#fff0f2}.app-shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:21px 13px 14px;background:var(--night);color:#fff;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 26px}.brand>span:last-child,.identity>span{display:grid;min-width:0}.brand strong{font-size:14px}.brand small,.identity small{color:#9e96af;font-size:9px;margin-top:3px}nav{display:grid;gap:4px}nav button{color:#bdb6ca;background:transparent;border-radius:9px;min-height:43px;padding:0 12px;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:9px;text-align:left;font-size:12px;font-weight:680}nav button svg{font-size:19px}nav button:hover{color:#fff;background:#302940}nav button.active{color:#fff;background:var(--purple);box-shadow:0 8px 18px #140a2b55}.identity{margin-top:auto;border-top:1px solid #393144;padding:13px 8px 3px;display:grid;grid-template-columns:32px 1fr 30px;gap:8px;align-items:center}.avatar{width:32px;height:32px;border-radius:50%;background:#4b405e;display:grid;place-items:center;font-size:11px;font-weight:850}.identity strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity button,.icon-button{background:transparent;color:#aaa2ba;display:grid;place-items:center;padding:6px;border-radius:7px}.content{min-width:0;padding:28px 36px 70px}.scope-rail{position:relative;min-height:82px;margin-bottom:30px;padding:14px 16px;border-radius:15px;color:#fff;background:linear-gradient(102deg,#201a31 0,#2d2446 76%,#3c2d6a);display:grid;grid-template-columns:minmax(220px,.8fr) minmax(160px,1fr) auto;align-items:center;gap:20px;box-shadow:0 10px 30px #21163124}.scope-title{display:flex;align-items:center;gap:11px;min-width:0}.scope-title>div{display:grid;min-width:0}.scope-title small,.scope-meta small{color:#aaa1bc;font-size:9px;font-weight:700;letter-spacing:.05em}.scope-title strong{font-size:15px;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scope-glyph{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--purple);font-size:20px;flex:0 0 auto}.scope-track{height:9px;background:#ffffff17;border:1px solid #ffffff12;border-radius:999px;overflow:hidden}.scope-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6941f2,#a990ff)}.scope-meta{display:flex;align-items:center;gap:20px}.scope-meta>span{display:grid;gap:3px}.scope-meta b{font-size:12px;white-space:nowrap}.scope-switch{min-height:38px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;border-radius:9px;color:#fff;background:#ffffff12;font-size:11px;font-weight:750}.workspace-menu{position:absolute;z-index:10;top:calc(100% + 7px);right:0;width:min(340px,calc(100vw - 30px));padding:6px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 45px #21163128}.workspace-menu>span{display:block;padding:12px;color:var(--muted)}.workspace-menu button{width:100%;min-height:54px;padding:9px 10px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;color:var(--ink)}.workspace-menu button:hover,.workspace-menu button.active{background:var(--purple-soft)}.workspace-menu button>span{display:grid;gap:4px}.workspace-menu small{color:var(--muted)}.workspace-menu svg{color:var(--purple)}.page-head{min-height:95px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.page-head h1{font-size:27px;letter-spacing:-.04em;margin-bottom:7px}.page-head>div>p:last-child{color:var(--muted);font-size:12px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:8px 0 17px}.metric{min-height:110px;padding:17px;border:1px solid var(--line);border-top:3px solid var(--purple);border-radius:13px;background:#fff;display:grid;align-content:space-between;box-shadow:0 4px 16px #251b3710}.metric small{color:var(--muted);font-weight:700}.metric strong{font-size:29px;letter-spacing:-.04em}.metric.green{border-top-color:var(--green)}.metric.amber{border-top-color:var(--amber)}.metric.ink{border-top-color:var(--night)}.panel,.table-wrap,.product-card{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 17px #251b370b}.panel{padding:17px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title>span{display:flex;align-items:center;gap:8px}.section-title svg{color:var(--purple);font-size:19px}.section-title small{color:var(--muted)}.compact-list{display:grid}.compact-list>div{min-height:56px;padding:9px 3px;border-top:1px solid #efedf3;display:flex;justify-content:space-between;align-items:center}.compact-list>div>span{display:grid;gap:3px}.compact-list small{color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse;font-size:12px}th{padding:11px 14px;color:#777184;background:#faf9fc;border-bottom:1px solid var(--line);text-align:left;font-size:10px;letter-spacing:.05em}td{padding:13px 14px;border-bottom:1px solid #efedf3;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfbff}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px}.mono{font-family:SFMono-Regular,SF Mono,Menlo,monospace;font-size:10px}.role,.status{display:inline-flex;align-items:center;gap:5px;width:max-content;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850;white-space:nowrap}.role{color:#685f75;background:#f1eff4}.role.owner{color:#725100;background:#fff3c8}.role.admin{color:#563da9;background:#eee8ff}.status{color:#665f72;background:#f1eff4}.status i{width:6px;height:6px;border-radius:50%;background:currentColor}.status.success{color:#08764c;background:#e8f7f0}.status.danger{color:#ad2635;background:#ffedef}.row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:3px}.row-actions button{padding:7px 8px;color:var(--purple);background:transparent;border-radius:7px;font-size:10px;font-weight:760}.row-actions button:hover{background:var(--purple-soft)}.row-actions .danger-link{color:var(--danger);display:inline-flex;align-items:center;gap:4px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:11px}.product-card{padding:17px;min-height:175px}.product-card>div{display:flex;justify-content:space-between;align-items:center}.product-card>div>small,.product-card p{color:var(--muted);font-size:11px}.product-card h3{margin:21px 0 7px;font-size:17px}.product-card .secondary{margin-top:12px}.page-state,.empty{min-height:240px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted)}.page-state.error{color:var(--danger)}.empty svg{font-size:25px}.modal-backdrop{position:fixed;z-index:30;inset:0;padding:20px;display:grid;place-items:center;background:#171020a3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(500px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:20px;border-radius:15px;background:#fff;box-shadow:0 28px 90px #12071f55}.modal.danger{border-top:5px solid var(--danger)}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal h2{font-size:20px;margin:0}.icon-button{color:#777080}@media(max-width:960px){.scope-rail{grid-template-columns:1fr auto}.scope-track{grid-row:2;grid-column:1 / -1}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.login-shell{display:block}.login-art{display:none}.login-card h1{font-size:30px}.app-shell{display:block}.sidebar{position:fixed;inset:auto 0 0;height:67px;padding:7px;flex-direction:row;border-top:1px solid #3a3148}.brand,.identity{display:none}nav{width:100%;display:flex;overflow-x:auto;gap:2px}nav button{display:flex;min-width:60px;flex:1 0 60px;min-height:52px;padding:0;flex-direction:column;justify-content:center;gap:2px;text-align:center;font-size:8px}nav button svg{font-size:20px}.content{padding:14px 13px 90px}.scope-rail{margin-bottom:23px;grid-template-columns:1fr;gap:12px;padding:13px}.scope-track{grid-row:auto;grid-column:auto}.scope-meta{justify-content:space-between;gap:10px}.scope-meta>span:nth-child(1){display:none}.workspace-menu{right:0}.page-head{min-height:100px}.page-head h1{font-size:24px}.page-head .primary{padding:0 11px}.metric-grid{gap:8px}.metric{min-height:96px;padding:13px}.metric strong{font-size:25px}.product-grid{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:88vh;border-radius:18px 18px 0 0}.split{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}