:root{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;color:#f4e8ca;background:#071727}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#153a51,#071727 52%)}header{padding:24px max(22px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b18a4b55;background:#081522}header small{color:#d6ad61;letter-spacing:3px}h1{margin:5px 0 0;font-size:30px;color:#ffe1a1}h2{margin:0 0 14px;color:#ffdfa0}h3{color:#e4bd77}p{color:#aebfc9;line-height:1.6}main{max-width:1180px;margin:auto;padding:22px}nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}nav a{color:#f7daa2;text-decoration:none;border:1px solid #b5905a66;border-radius:10px;padding:10px 16px;background:#10283a}.card{background:#102638;border:1px solid #b5915b77;border-radius:16px;padding:24px;margin:0 0 20px;box-shadow:0 14px 35px #0005}.login{max-width:440px;margin:12vh auto}.heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.metric{border:1px solid #9c7a4988;background:#081b2b;padding:17px;border-radius:11px}.metric small{color:#aebfc9}.metric strong{display:block;color:#ffda92;font-size:25px;margin-top:8px}button{background:linear-gradient(#ffe6a5,#bb8542);border:1px solid #f4d79c;border-radius:9px;padding:10px 17px;color:#271908;font-weight:700;cursor:pointer}button:hover{filter:brightness(1.12)}input,select{width:100%;background:#071c2c;color:#fff2d4;border:1px solid #668195;border-radius:8px;padding:11px;font:inherit;margin-top:6px}label{display:block;color:#e2cda8;font-size:14px}#fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px 22px;margin:20px 0}.group{border:1px solid #527082;border-radius:12px;padding:18px;background:#0b2031}.group h3{margin:0 0 14px}.group label{margin:12px 0}.save{min-width:180px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:12px;border-bottom:1px solid #456073;color:#e9e1d2}th{color:#f6cb7b}code{color:#9ecad7;font-size:12px}.balance-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end;margin-top:22px}.balance-form button{height:44px}#message{position:fixed;bottom:22px;right:22px;background:#ead099;color:#1c1d1b;border-radius:10px;padding:12px 18px;box-shadow:0 5px 20px #0007;display:none}#message.show{display:block}@media(max-width:600px){header{padding:18px}main{padding:14px}.card{padding:18px}.heading{display:block}}
textarea{width:100%;background:#071c2c;color:#fff2d4;border:1px solid #668195;border-radius:8px;padding:11px;font:inherit;margin-top:6px;min-height:88px;resize:vertical}
.item-preview{width:38px;height:38px;object-fit:cover;border-radius:6px;vertical-align:middle;margin-right:5px;border:1px solid #b5915b}
#workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;align-items:start}#workspace[hidden],#workspace section[hidden]{display:none}#workspace nav{position:sticky;top:20px;grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:7px;margin:0;padding:12px;border:1px solid #b5915b77;border-radius:16px;background:#102638}#workspace nav a{display:block;border-color:transparent;background:transparent}#workspace nav a.active,#workspace nav a[aria-current="page"]{color:#271908;border-color:#f4d79c;background:linear-gradient(#ffe6a5,#bb8542);font-weight:700}#workspace>.card{grid-column:2;grid-row:1;min-width:0;margin:0;min-height:calc(100dvh - 180px)}@media(max-width:760px){#workspace{display:block}#workspace nav{position:static;display:flex;flex-direction:row;overflow-x:auto;flex-wrap:nowrap;gap:7px;margin-bottom:14px;padding:9px}#workspace nav a{white-space:nowrap;flex:none;padding:9px 12px}#workspace>.card{min-height:0}}
.ledger-filter{display:grid;grid-template-columns:minmax(210px,2fr) repeat(2,minmax(150px,1fr)) auto;gap:12px;align-items:end;margin:18px 0}.ledger-filter button{height:44px}.ledger-kinds{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.ledger-kinds span{border:1px solid #587386;border-radius:20px;padding:6px 10px;color:#d9c8a4;font-size:12px}.ledger-table{min-width:900px}.ledger-table td{vertical-align:top}.ledger-table small{display:block;color:#9eb2bf;font-size:11px;margin-top:4px}.ledger-in{color:#82d7a0;font-weight:700}.ledger-out{color:#f2aa9f;font-weight:700}#ledger-more{display:block;margin:18px auto 0}#ledger-more[hidden]{display:none}@media(max-width:760px){.ledger-filter{grid-template-columns:1fr 1fr}.ledger-filter label:first-child{grid-column:1/-1}.ledger-filter button{grid-column:1/-1}}