:root{--ink:#16231e;--muted:#708079;--line:#e3ebe7;--paper:#f4f7f5;--card:#fff;--green:#155f47;--lime:#c7f35b;--soft:#eaf5ef;--danger:#c14f4f;--shadow:0 14px 38px rgba(24,60,45,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.shell{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:#102b21;color:#fff;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand-mark{display:flex;gap:11px;align-items:center;padding:0 8px 24px}.brand-mark>span{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--lime);color:#163226;font-weight:900;font-size:21px}.brand-mark div{display:flex;flex-direction:column}.brand-mark strong{font-size:17px}.brand-mark small{color:#9eb7ad;margin-top:2px}.nav-section{margin:12px 10px 7px;color:#6f9384;font-size:11px;letter-spacing:.14em}.nav-btn{border:0;background:transparent;color:#a9c0b7;width:100%;padding:11px 12px;border-radius:10px;text-align:left;font-size:14px;display:flex;align-items:center;gap:11px;cursor:pointer;margin:2px 0}.nav-btn:hover,.nav-btn.active{background:#1d4938;color:#fff}.nav-btn.active{box-shadow:inset 3px 0 var(--lime)}.nav-icon{width:20px;text-align:center}.usage-card{margin-top:auto;border:1px solid #315343;background:#17382c;padding:14px;border-radius:13px}.usage-head{display:flex;justify-content:space-between;font-size:12px}.usage-card small{color:#8faf9f}.meter{height:6px;background:#315345;border-radius:6px;margin:10px 0}.meter i{display:block;height:100%;background:var(--lime);border-radius:6px}.profile{display:flex;align-items:center;gap:9px;padding:17px 5px 0}.profile div:nth-child(2){display:flex;flex:1;flex-direction:column;font-size:12px}.profile small{color:#8faf9f}.profile button{color:#99b0a7;background:none;border:0}.avatar-mini{width:34px;height:34px;background:#346551;border-radius:50%;display:grid;place-items:center}main{padding:30px 36px 60px;min-width:0}header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}h1{font-size:28px;margin:4px 0 0;letter-spacing:-.03em}.eyebrow{font-size:10px;color:#7b8a84;letter-spacing:.16em;margin:0}.header-actions{display:flex;gap:10px}button{font:inherit}.primary,.ghost,.danger{border-radius:9px;padding:10px 16px;cursor:pointer;border:1px solid var(--line)}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary:hover{background:#0e4c38}.ghost{background:#fff;color:var(--ink)}.danger{background:#fff;color:var(--danger)}.hero{background:linear-gradient(120deg,#103f30,#17634a);color:#fff;border-radius:18px;padding:30px;display:grid;grid-template-columns:1.3fr .7fr;overflow:hidden;position:relative}.hero:after{content:"AI";position:absolute;right:28px;top:-30px;font:900 180px/1 Arial;color:rgba(255,255,255,.045)}.hero h2{font-size:29px;margin:0 0 10px;max-width:620px}.hero p{color:#c2d8cf;max-width:600px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:22px}.hero .primary{background:var(--lime);color:#183425;border-color:var(--lime)}.pipeline{align-self:center;display:grid;gap:8px;z-index:1}.pipeline div{background:rgba(255,255,255,.09);padding:10px 13px;border:1px solid rgba(255,255,255,.09);border-radius:9px;font-size:12px}.pipeline b{color:var(--lime);margin-right:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat,.panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px}.stat{padding:18px}.stat span{color:var(--muted);font-size:12px}.stat b{display:block;font-size:28px;margin-top:8px}.stat small{color:#3f8e6d}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel{padding:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h3{margin:0;font-size:16px}.panel-head span,.hint{color:var(--muted);font-size:12px}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quick{border:1px solid var(--line);background:#fbfdfc;padding:14px;border-radius:11px;text-align:left;cursor:pointer}.quick:hover{border-color:#82b79f;background:var(--soft)}.quick b{display:block;margin-bottom:5px}.quick small{color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #edf1ef}tr:last-child td{border-bottom:0}.tag{display:inline-flex;padding:4px 8px;border-radius:20px;background:var(--soft);color:#267356;font-size:11px}.tag.orange{background:#fff4df;color:#a66a10}.tag.gray{background:#eff2f1;color:#697770}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#52625b}.field input,.field select,.field textarea{border:1px solid #dce5e1;background:#fbfcfc;border-radius:9px;padding:11px 12px;font:inherit;outline:none}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#5e9f83;box-shadow:0 0 0 3px #e6f2ed}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.toolbar .filters{display:flex;gap:8px}.filters button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 11px;color:var(--muted)}.card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.content-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:var(--shadow)}.content-card h3{font-size:15px;line-height:1.45;margin:10px 0}.content-card p{font-size:12px;color:var(--muted);line-height:1.65}.content-card .meta{display:flex;justify-content:space-between;align-items:center}.content-card footer{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.content-card footer button{flex:1}.avatar-card .avatar-face{height:128px;border-radius:10px;background:linear-gradient(145deg,#d5eadf,#8ebaa4);display:grid;place-items:center;font-size:52px;font-weight:800;color:#fff;margin-bottom:12px}.avatar-card:nth-child(2) .avatar-face{background:linear-gradient(145deg,#f7ddd3,#d39a8c)}.avatar-card:nth-child(3) .avatar-face{background:linear-gradient(145deg,#d9e3f0,#829aba)}.progress{width:100%;height:7px;background:#ebf0ed;border-radius:9px;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,var(--green),#49a777)}.empty{text-align:center;padding:45px;color:var(--muted)}.empty b{display:block;color:var(--ink);margin-bottom:6px}.toast{position:fixed;right:28px;bottom:28px;background:#102b21;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.notice{border-left:3px solid #d2a43e;background:#fff8e9;padding:12px 14px;border-radius:8px;color:#795a18;font-size:12px;margin-bottom:15px}
@media(max-width:1000px){.shell{grid-template-columns:76px 1fr}.brand-mark div,.profile div:nth-child(2),.usage-card,.nav-btn span:last-child,.nav-section{display:none}.sidebar{padding:20px 10px}.brand-mark{padding:0 8px 22px}.nav-btn{justify-content:center}.grid-2,.hero{grid-template-columns:1fr}.pipeline{display:none}.card-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.shell{display:block}.sidebar{position:fixed;z-index:5;bottom:0;top:auto;width:100%;height:64px;display:flex;flex-direction:row;padding:8px}.brand-mark,.profile,.nav-section,.usage-card{display:none}#nav{display:flex;width:100%;justify-content:space-around}.nav-btn{width:auto}.nav-btn:nth-of-type(n+6){display:none}main{padding:20px 14px 82px}header{align-items:center}.header-actions .ghost{display:none}.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.form-grid,.card-list{grid-template-columns:1fr}.field.full{grid-column:auto}.hero{padding:22px}.hero h2{font-size:23px}}