:root{--ink:#142033;--muted:#64748b;--line:#e6eaf0;--paper:#fffdfa;--bg:#f5f7fb;--blue:#2463eb;--nav:#10233d;--danger:#d14343}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 ui-sans-serif,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;padding:9px 13px;background:var(--blue);color:#fff;font-weight:650}button.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}button.danger{background:var(--danger)}input,textarea,select{width:100%;border:1px solid #d7dde7;border-radius:8px;padding:10px;background:#fff}textarea{min-height:130px;resize:vertical}.auth{width:min(440px,calc(100% - 32px));margin:9vh auto;background:var(--paper);padding:32px;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px #14203312}.auth h1{margin:0 0 6px}.auth p{color:var(--muted)}.field{display:grid;gap:6px;margin:12px 0}.row{display:flex;gap:10px;align-items:center}.row>*{flex:1}.shell{display:grid;grid-template-columns:242px 1fr;min-height:100vh}.side{background:var(--nav);color:#dce8fa;padding:20px 12px}.brand{font-size:17px;font-weight:800;padding:6px 10px 25px}.nav button{display:block;width:100%;text-align:left;background:transparent;color:#b9c6d8;margin:2px 0}.nav button.active,.nav button:hover{background:#ffffff16;color:#fff}.profile{position:absolute;bottom:16px;padding:10px;color:#b9c6d8}.main{padding:30px;max-width:1320px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:24px}.top h1{margin:0;font-size:24px}.sub{color:var(--muted);margin-top:3px}.actions{display:flex;gap:8px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:17px}.card .num{font-size:28px;font-weight:800;margin-top:6px}.list{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.item{display:flex;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer}.item:last-child{border:0}.item:hover{background:#f8faff}.tag{font-size:12px;background:#edf3ff;color:#2857ad;padding:3px 7px;border-radius:999px}.editor{display:grid;grid-template-columns:1fr 270px;gap:16px}.toolbar{display:flex;gap:7px;padding:9px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:#f8fafc}.editable{min-height:430px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:0 0 10px 10px;outline:0}.notice{padding:11px;border-radius:8px;background:#fff3cd;color:#775a00;margin:12px 0}.error{color:var(--danger);margin:10px 0}.muted{color:var(--muted)}.modal{position:fixed;inset:0;background:#14203388;display:grid;place-items:center;padding:20px}.modal>div{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;padding:22px;border-radius:14px}.search{max-width:370px}@media(max-width:800px){.shell{grid-template-columns:1fr}.side{display:flex;overflow:auto;padding:12px}.brand{padding:5px 14px 5px 0}.nav{display:flex}.profile{display:none}.main{padding:18px}.grid,.editor{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}}