:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#272522;background:#f6f2eb;font-synthesis:none;--ink:#272522;--paper:#fffdf9;--coral:#ef6a57;--mint:#dce9dc;--line:#e7e0d6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f4e6d5,#e9efe6)}.login section{width:min(440px,calc(100% - 32px));background:var(--paper);padding:42px;border:1px solid var(--line);border-radius:28px;box-shadow:0 24px 80px #6f604322}.brand{display:flex;align-items:center;gap:12px}.brand b,.brand span{display:block}.brand b{font-size:20px}.brand span{font-size:12px;color:#958d83;margin-top:2px}.mascot{width:48px;height:48px;background:var(--coral);border-radius:15px 15px 20px 20px;position:relative;color:#fff;text-align:center}.mascot:before,.mascot:after{content:"";position:absolute;top:-5px;border:10px solid transparent;border-bottom-color:var(--coral)}.mascot:before{left:2px;transform:rotate(-22deg)}.mascot:after{right:2px;transform:rotate(22deg)}.mascot i{display:inline-block;width:7px;height:9px;background:#fff;border-radius:50%;margin:15px 5px 0}.mascot em{display:block;font-style:normal;line-height:8px}.login h1{font-size:36px;margin:48px 0 8px}.login p,.panel p{color:#80776d}.login label,.panel label{display:grid;gap:8px;margin:18px 0;font-size:13px;font-weight:700}.login input,.panel input,.panel select,.inline input{border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px 14px;outline:none}.login input:focus,.panel input:focus,.panel select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #ef6a5718}.login button,.primary{border:0;background:var(--ink);color:#fff;border-radius:12px;padding:14px 18px;width:100%;font-weight:700}.error{color:#b33b31;background:#fff0ee;padding:10px;border-radius:9px}.shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.shell>aside{background:var(--ink);color:#fff;padding:28px 20px;display:flex;flex-direction:column}.shell aside .brand{padding:0 10px 30px}.shell nav{display:grid;gap:5px}.shell nav button,.logout{border:0;background:transparent;color:#bdb8b2;text-align:left;padding:12px 16px;border-radius:10px;cursor:pointer}.shell nav button:hover,.shell nav button.active{background:#3b3935;color:#fff}.logout{margin-top:auto}.workspace{padding:34px 42px;max-width:1440px;width:100%}.workspace header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.workspace header small{color:#958d83}.workspace h1{margin:4px 0 0;font-size:30px}.identity{background:var(--paper);border:1px solid var(--line);padding:10px 16px;border-radius:99px}.hero{background:var(--mint);border-radius:24px;padding:34px 38px;display:flex;align-items:center;justify-content:space-between;min-height:190px}.hero small{font-weight:700;color:#5b685b}.hero strong{display:block;font-size:64px;letter-spacing:-3px;margin-top:12px}.hero p{margin:0;color:#667066}.hero .mascot{transform:scale(2);margin-right:42px}.metrics,.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.metrics article,.cards article,.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px}.metrics small{color:#8b837a}.metrics b{font-size:34px;display:block;margin-top:12px}.cards article{display:grid;gap:8px}.cards span{color:var(--coral);font-weight:800}.cards em{font-style:normal;color:#8b837a}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel h2{margin:0 0 20px}.preview pre,.notice pre{white-space:pre-wrap;background:#f3eee6;padding:18px;border-radius:12px;line-height:1.8}.empty{min-height:220px;display:grid;place-items:center;color:#aaa198;border:1px dashed #d5ccbf;border-radius:12px}.panel button,.notice button,.table footer button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px 14px;cursor:pointer}.panel .primary{background:var(--ink);width:auto;border:0}.toolbar,.table footer,.inline{display:flex;align-items:center;justify-content:space-between;gap:18px}.toolbar select{margin-left:auto}.table{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #eee7dc;font-size:14px}th{color:#8c8378;font-size:12px}.table footer{padding-top:18px;color:#8c8378}.notice{background:#fff1d9;border:1px solid #eedab7;border-radius:18px;padding:20px;margin-top:20px}.notice pre{background:transparent}.tag{font-size:11px;border-radius:99px;padding:4px 8px;background:#eee}.tag.UNUSED{background:#e7f2e7;color:#39713e}.tag.USED{background:#eee;color:#777}@media(max-width:800px){.shell{grid-template-columns:1fr}.shell>aside{position:static}.shell nav{display:flex;overflow:auto}.logout{display:none}.workspace{padding:24px 16px}.metrics,.cards,.split{grid-template-columns:1fr 1fr}.inline{align-items:stretch;flex-direction:column}.hero strong{font-size:48px}}@media(max-width:520px){.metrics,.cards,.split{grid-template-columns:1fr}.hero .mascot{display:none}}