:root{--bg:#f3f6fa;--text:#16243a;--muted:#6e7d92;--line:#e2e8f0}*{box-sizing:border-box}body{margin:0;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.app{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:255px;background:#0c1b32;color:#c5d0df;overflow:auto}.brand{height:68px;display:flex;gap:10px;align-items:center;padding:0 18px;border-bottom:1px solid #273a55}.brand>i{width:34px;height:34px;background:var(--accent);color:#fff;border-radius:9px;display:grid;place-items:center;font-style:normal;font-weight:800}.brand span{display:grid}.brand b{color:#fff}.brand small{color:#7f91a9}.scope{margin:13px 11px;padding:13px;background:#142a48;border-radius:8px;display:grid;gap:5px}.scope small{font-size:9px;color:#6f8aab}.scope b{color:#fff}.scope span{font-size:10px;line-height:1.5;color:#91a3bb}.side nav{padding:0 10px}.side nav section>b{display:block;padding:13px 8px 5px;color:#6e8099;font-size:10px}.side nav a{display:flex;gap:8px;padding:8px;border-radius:6px;color:#adbbce}.side nav a i{width:46px;font-size:9px;font-style:normal;color:#70839e}.side nav a.active,.side nav a:hover{background:#1e3b62;color:#fff}.side nav a.active i{color:#8fb6ff}.space-switch{margin:15px 10px;padding-top:12px;border-top:1px solid #293d58}.space-switch>b{font-size:10px;color:#6e8099}.space-switch>a{display:flex!important;margin-top:6px;background:#102641}.space-switch>a i{width:22px!important}.space-switch>a span{display:grid}.space-switch>a small{font-size:8px;color:#768aa5}.side+main{grid-column:2;min-width:0}.top{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 25px;position:sticky;top:0;z-index:3}.top>div{display:flex;gap:9px;color:#768499;font-size:12px}.top i{color:#b5beca}.top aside{display:flex;gap:8px;align-items:center}.top aside button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px}.avatar{width:30px;height:30px;border-radius:50%;background:#dce8ff;color:#205cc2;display:grid;place-items:center}.menu{display:none}.content{padding:25px;max-width:1600px;margin:auto}.title{display:flex;justify-content:space-between;margin:22px 0 18px}.title small{color:var(--accent);font-weight:800}.title h1{margin:6px 0;font-size:28px}.title p{color:var(--muted);margin:0}.title>span{background:#fff;border:1px solid var(--line);height:max-content;padding:8px 11px;border-radius:20px;color:#617087}.mock{background:#edf1f6;border:1px solid #dbe2eb;border-radius:12px;padding:16px;min-height:570px;overflow:auto}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:9px}.metrics article{padding:17px}.metrics span,.metrics small{display:block;color:#8290a3}.metrics b{display:block;font-size:24px;margin:10px 0}.metrics small.up{color:#0b9867}.metrics small.risk{color:#d36b19}.dash-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:14px}.panel>header{height:52px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 16px}.panel header span{color:#8794a5;font-size:10px}.chart>div{height:190px;display:flex;align-items:flex-end;gap:12px;padding:25px}.chart>div i{flex:1;background:linear-gradient(var(--accent),#dbe7fb);border-radius:4px 4px 0 0}.todo{list-style:none;padding:5px 17px;margin:0}.todo li{display:flex;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.todo li>i{width:8px;height:8px;background:#32aa78;border-radius:50%}.todo li>i.red{background:#e15353}.todo li>i.orange{background:#ee9c2b}.todo li span{display:grid;gap:4px;flex:1}.todo li small{color:#8491a4}.todo a{color:var(--accent)}.toolbar{display:flex;justify-content:space-between;margin-bottom:12px}.toolbar>div{display:flex;gap:7px}.toolbar button,.toolbar label{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px 10px;color:#5c6b80}.toolbar input{border:0;outline:0;width:170px}.primary{background:var(--accent)!important;color:#fff!important;border:0!important}.data{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.tr{display:grid;grid-template-columns:repeat(7,minmax(95px,1fr)) 110px;align-items:center;min-height:58px;border-bottom:1px solid #edf1f5;padding:0 14px;gap:7px}.tr.head{min-height:42px;background:#f7f9fc;color:#758398;font-size:11px;font-weight:700}.tr span{display:grid;gap:3px}.tr small{color:#8c99aa;font-size:9px}.tr button{border:0;background:none}.tr .enter{color:var(--accent);font-size:11px;font-weight:700}.tr em{font-style:normal;width:max-content;padding:4px 8px;border-radius:15px;background:#e7f7ef;color:#0b8d5d;font-size:10px}.tr em.warn{background:#fff0db;color:#b96a00}.context-return{display:flex;gap:12px;align-items:center;padding:9px 13px;background:#f6f8fb;border:1px solid var(--line);border-radius:8px;margin-bottom:10px}.context-return a{color:var(--accent);font-weight:700}.context-return button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:5px 8px}.context-return span{margin-left:auto;color:#718197;font-size:10px}.project-header{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);padding:18px;border-radius:10px 10px 0 0;margin-top:5px}.project-title{display:flex;gap:12px;min-width:310px}.project-title>i{width:48px;height:48px;background:#e7efff;color:var(--accent);border-radius:10px;display:grid;place-items:center;font-weight:800;font-style:normal}.project-title span{display:grid;gap:3px}.project-title small{color:var(--accent);font-size:9px}.project-title h2{font-size:18px;margin:0}.project-title p{font-size:10px;color:#7c899c;margin:0}.project-meta{display:flex;gap:22px;flex:1}.project-meta span{display:grid;gap:4px}.project-meta small{color:#8491a4;font-size:9px}.project-meta b{font-size:11px}.project-meta b.orange{color:#d36b19}.project-meta em{font-style:normal;color:#07875f;background:#e5f7ef;padding:6px 9px;border-radius:15px}.project-actions{display:flex;gap:7px}.project-actions button{border:1px solid var(--line);background:#fff;padding:8px;border-radius:6px}.project-tabs{display:flex;gap:23px;background:#fff;border:1px solid var(--line);padding:0 18px}.project-tabs a{padding:14px 0;color:#66758b}.project-tabs a.active{color:var(--accent);border-bottom:2px solid var(--accent)}.relation{display:flex;gap:9px;align-items:center;background:#eaf1ff;padding:12px;border-radius:8px;margin-bottom:13px}.relation span{background:#fff;padding:7px 10px;border-radius:6px}.relation small{margin-left:auto;color:#5f7390}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.site-grid article{background:#fff;border:1px solid var(--line);border-radius:9px;padding:15px}.site-grid header{display:flex;gap:9px;align-items:start}.site-grid header>i{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#fff0ed;color:#c75742;font-style:normal;font-weight:800}.site-grid header>i.l1{background:#eaf2ff;color:#2868d0}.site-grid header>i.l2{background:#f1edff;color:#6949c4}.site-grid header span{display:grid;gap:3px;flex:1}.site-grid header small{font-size:8px;color:#8592a5}.site-grid header a{font-size:10px;color:var(--accent)}.site-grid header em{font-size:9px;color:#07875f;font-style:normal}.site-grid article>div{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0}.site-grid article>div span{display:grid}.site-grid article>div small{font-size:9px;color:#8592a5}.site-grid footer{display:flex;gap:5px;border-top:1px solid var(--line);padding-top:10px}.site-grid footer button{border:0;background:#f0f4f9;color:#51647e;padding:6px;border-radius:5px;font-size:10px}.expiry-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:15px}.expiry-summary article{background:#fff;border:1px solid var(--line);border-top:3px solid #9db0c6;border-radius:8px;padding:15px}.expiry-summary article.urgent,.expiry-summary article.danger{border-top-color:#e15353}.expiry-summary article.warn{border-top-color:#ec9928}.expiry-summary span,.expiry-summary small{display:block;color:#8190a3}.expiry-summary b{display:block;font-size:25px;margin:7px 0}.expiry-line{display:flex;background:#fff;border:1px solid var(--line);padding:14px;margin-bottom:12px;overflow:auto}.expiry-line span{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#8794a5}.expiry-line span:after{content:"→";margin:0 10px}.expiry-line span:last-child:after{display:none}.expiry-line i{width:22px;height:22px;border-radius:50%;background:#edf1f5;display:grid;place-items:center;font-size:9px}.expiry-line .done i{background:#e2f6ed;color:#07875f}.expiry-line .active{color:#d36b19}.alert-filter{display:flex;gap:5px;background:#fff;padding:8px;border-radius:8px;margin-bottom:12px}.alert-filter button{border:0;background:transparent;padding:8px;border-radius:6px}.alert-filter button.active{background:var(--accent);color:#fff}.alert-list{display:grid;gap:9px}.alert-list article{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px}.alert-list article>i{width:36px;height:36px;border-radius:50%;background:#fff0dc;color:#c26c00;display:grid;place-items:center;font-style:normal;font-weight:800}.alert-list article>i.high{background:#ffebeb;color:#cc4444}.alert-list article>div{display:grid;gap:4px;flex:1}.alert-list small,.alert-list span{color:#8190a3;font-size:9px}.alert-list p{margin:0;color:#596a80}.alert-list button{border:1px solid var(--line);background:#fff;padding:8px;border-radius:6px;color:var(--accent)}.form-layout{display:grid;grid-template-columns:2fr 1fr;gap:14px}.form header em{font-style:normal;color:#07875f}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px}.fields label{display:grid;gap:7px}.fields label.wide{grid-column:1/-1}.fields label>span{font-weight:600}.fields label>div,.fields textarea{border:1px solid #dce3ec;border-radius:6px;padding:10px;display:flex;justify-content:space-between;color:#5e6e84}.fields textarea{height:80px;resize:none}.form footer{display:flex;justify-content:flex-end;gap:7px;border-top:1px solid var(--line);padding:14px}.form footer button{border:1px solid var(--line);background:#fff;padding:8px;border-radius:6px}.help{padding:20px;height:max-content}.help ul{line-height:2;color:#5d6e83}.spec{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:9px}.spec>header{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.spec header a{color:var(--accent)}.spec>div{display:grid;grid-template-columns:repeat(4,1fr)}.spec article{padding:15px;border-right:1px solid var(--line)}.spec article:last-child{border:0}.spec p{color:#617087;font-size:11px;line-height:1.6}.root{background:#0b192e;color:#fff;min-height:100vh}.root-hero{padding:50px 7vw 30px}.root-hero>a{color:#98aac1}.root-hero>small{display:block;color:#6d9ffa;letter-spacing:.12em;margin-top:65px}.root-hero h1{font-size:54px;line-height:1.1;margin:16px 0}.root-hero p{color:#9cabc0;font-size:17px}.space-grid{padding:30px 7vw 60px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.space-grid>a{display:grid;grid-template-columns:55px 1fr;background:#122846;border:1px solid #29415e;border-top:3px solid var(--card);padding:24px;border-radius:10px}.space-grid>a>i{font-style:normal;color:var(--card);font-weight:800}.space-grid>a span{display:grid;gap:7px}.space-grid small{color:#8193ad}.space-grid h2{margin:0;font-size:24px}.space-grid p,.space-grid em{color:#a1b0c3;line-height:1.6;font-style:normal}.space-grid strong{color:var(--card)}.hierarchy{padding:55px 7vw;background:#f4f6fa;color:#17253a}.hierarchy>div{display:grid;grid-template-columns:1fr 150px 1fr;align-items:center;margin:12px 0}.hierarchy article{background:#fff;border:1px solid var(--line);padding:20px;border-radius:9px;display:grid;gap:7px}.hierarchy>div>i{text-align:center;color:#708097;font-style:normal}.space-home{background:#0c1b32;color:#fff;padding:25px 7vw 55px}.space-home header{display:flex;justify-content:space-between;color:#92a4bc}.space-home>div{margin-top:55px}.space-home small{color:var(--accent);font-weight:800}.space-home h1{font-size:46px;margin:12px 0}.space-home p{color:#a5b3c5;font-size:17px}.space-home strong{font-size:12px}.space-catalog{padding:45px 7vw;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.space-catalog section{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px}.space-catalog section>header{display:flex;justify-content:space-between;align-items:center}.space-catalog h2{font-size:17px}.space-catalog section>a{display:grid;grid-template-columns:55px 1fr 15px;padding:10px 0;border-top:1px solid var(--line);gap:7px}.space-catalog section>a>b{font-size:9px;color:var(--accent)}.space-catalog section>a span{display:grid}.space-catalog section>a small{color:#8190a3;font-size:10px}.space-catalog section>a i{color:var(--accent)}@media(max-width:1000px){.app{grid-template-columns:220px 1fr}.side{width:220px}.site-grid,.space-catalog{grid-template-columns:1fr 1fr}.project-meta{display:none}.spec>div{grid-template-columns:1fr 1fr}}@media(max-width:700px){.app{display:block}.side{display:none}.side+main{grid-column:1}.menu{display:block}.content{padding:14px}.metrics{grid-template-columns:1fr 1fr}.dash-grid,.form-layout{grid-template-columns:1fr}.site-grid,.space-grid,.space-catalog{grid-template-columns:1fr}.project-header{display:block}.project-title{margin-bottom:12px}.project-actions{margin-top:12px}.project-tabs{overflow:auto}.title{display:block}.spec>div{grid-template-columns:1fr}.hierarchy>div{grid-template-columns:1fr}.hierarchy>div>i{padding:10px}.root-hero h1{font-size:38px}}