:root { --bg:#0c0a08; --surface:#15120e; --raised:#1c1811; --line:rgba(217,164,65,.3); --gold:#d9a441; --gold-light:#f2ce84; --ink:#f2eadb; --muted:#b7aa91; --danger:#efaaa0; --success:#a8d38e; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
body { min-width:320px; margin:0; overflow-x:hidden; background:linear-gradient(90deg,rgba(7,6,5,.96),rgba(7,6,5,.84)),url("concepts/ink-gold.png") right top / cover fixed; color:var(--ink); font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif; line-height:1.55; }
button,input,select,textarea { font:inherit; } button { cursor:pointer; } .brush { font-family:"STXingkai","STKaiti","KaiTi",serif; } .eyebrow { margin:0 0 .4rem; color:var(--muted); font-size:.75rem; letter-spacing:.18em; text-transform:uppercase; }
.admin-shell { width:min(1240px,calc(100% - 40px)); margin:0 auto; padding-bottom:48px; }.admin-header { min-height:74px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); }.brand { color:var(--ink); font-size:1.4rem; text-decoration:none; }.brand span { color:var(--gold); }.header-actions,.form-actions { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; }.session-name { color:var(--muted); font-size:.8125rem; }.text-button,.icon-button { border:1px solid var(--line); border-radius:4px; background:rgba(12,10,8,.76); color:var(--gold-light); text-decoration:none; }.text-button { min-height:36px; display:inline-flex; align-items:center; padding:0 .8rem; }.text-button:hover,.icon-button:hover { border-color:var(--gold-light); }
.auth-view,.setup-view { width:min(520px,100%); max-width:100%; margin:12vh auto 0; padding:2rem; border:1px solid var(--line); background:rgba(21,18,14,.94); box-shadow:0 24px 58px rgba(0,0,0,.4); }.auth-view h1,.setup-view h1,.workspace h1 { margin:.1rem 0 .75rem; color:var(--gold-light); font-size:clamp(2.3rem,5vw,3.8rem); font-weight:400; }.auth-view > p,.setup-view > p { color:var(--muted); }.auth-form,.setup-form,.entry-form { display:grid; gap:1rem; margin-top:1.5rem; }
label { display:grid; gap:.4rem; color:var(--ink); font-size:.875rem; font-weight:700; } input,select,textarea { width:100%; min-height:44px; padding:.65rem .75rem; border:1px solid var(--line); border-radius:4px; background:#0e0c09; color:var(--ink); } textarea { min-height:110px; resize:vertical; } input:focus,select:focus,textarea:focus { border-color:var(--gold-light); outline:none; box-shadow:0 0 0 3px rgba(242,206,132,.12); }.button { min-height:44px; padding:0 1rem; border:1px solid transparent; border-radius:4px; font-weight:700; }.button.primary { background:var(--gold-light); color:#21170a; }.button.primary:hover { background:#ffe1a3; }.button.secondary { border-color:var(--gold); background:transparent; color:var(--gold-light); }.form-status { min-height:1.45rem; margin:0; color:var(--muted); font-size:.8125rem; }.form-status.error { color:var(--danger); }.form-status.success { color:var(--success); }.help-note { margin:1.25rem 0 0; color:var(--muted); font-size:.8125rem; }.help-note code { color:var(--gold-light); }
.workspace { padding-top:2.5rem; }.workspace-head,.panel-head { display:flex; align-items:start; justify-content:space-between; gap:1rem; }.workspace-head { padding-bottom:1.25rem; border-bottom:1px solid var(--line); }.workspace h1 { margin:0; }.icon-button { width:42px; height:42px; display:grid; place-items:center; font-size:1.35rem; }.metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); margin:1.25rem 0; background:rgba(21,18,14,.9); }.metrics article { min-height:102px; display:grid; align-content:center; gap:.2rem; padding:1rem; border-right:1px solid var(--line); }.metrics article:last-child { border-right:0; }.metrics span { color:var(--muted); font-size:.8125rem; }.metrics strong { color:var(--gold-light); font-size:2rem; font-weight:500; font-variant-numeric:tabular-nums; }
.operations-grid,.records-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; margin-top:1.25rem; }.panel { padding:1.25rem; border:1px solid var(--line); background:rgba(21,18,14,.93); }.panel h2 { margin:.15rem 0 0; color:var(--gold-light); font-size:1.45rem; font-weight:500; }.two-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }.record-panel { min-height:320px; }.record-list { display:grid; gap:.75rem; margin-top:1.1rem; }.record { padding:1rem; border:1px solid rgba(217,164,65,.2); background:var(--raised); }.record-top,.record-actions { display:flex; align-items:start; justify-content:space-between; gap:.75rem; }.record h3 { margin:0; color:var(--ink); font-size:1rem; }.record-meta,.record p { margin:.3rem 0 0; color:var(--muted); font-size:.8125rem; }.record p { white-space:pre-wrap; }.record-actions { align-items:center; margin-top:.85rem; }.status-select { min-height:34px; width:auto; padding:.25rem .5rem; font-size:.75rem; }.delete-button { min-height:34px; border:1px solid rgba(239,170,160,.45); border-radius:4px; background:transparent; color:var(--danger); font-size:.75rem; }.empty-records { margin:0; color:var(--muted); font-size:.875rem; }
@media (max-width:780px) { .admin-shell { width:calc(100% - 28px); }.admin-header { flex-wrap:wrap; padding:.75rem 0; }.operations-grid,.records-grid { grid-template-columns:1fr; }.auth-view,.setup-view { margin-top:6vh; padding:1.25rem; }.metrics { grid-template-columns:1fr; }.metrics article { min-height:78px; border-right:0; border-bottom:1px solid var(--line); }.metrics article:last-child { border-bottom:0; }.two-columns { grid-template-columns:1fr; }.header-actions { justify-content:flex-end; }.session-name { display:none; } }