:root{--ink:#17211f;--muted:#60706c;--line:#d8e0dd;--paper:#f7f4ed;--panel:#fffdf8;--accent:#0d7c66;--accent-dark:#085a4a;--amber:#b26b00;--danger:#b42318;--shadow:0 18px 48px rgba(23,33,31,0.12)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:linear-gradient(90deg,rgba(23,33,31,.045) 1px,transparent 1px),linear-gradient(rgba(23,33,31,.035) 1px,transparent 1px),var(--paper);background-size:28px 28px;color:var(--ink);font-family:"Noto Serif SC","Source Han Serif SC",Microsoft YaHei,serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-shell{min-height:100vh;padding:28px}.app-frame{display:grid;grid-template-columns:248px minmax(0,1fr);grid-gap:24px;gap:24px;min-height:calc(100vh - 56px)}.sidebar{border:1px solid var(--line);background:rgba(255,253,248,.82);box-shadow:var(--shadow);padding:18px;position:-webkit-sticky;position:sticky;top:28px;height:calc(100vh - 56px)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--ink);background:#f4c542}.nav-list{display:grid;grid-gap:8px;gap:8px;margin-top:28px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;color:var(--muted)}.nav-button{width:100%;cursor:pointer;font:inherit;text-align:left}.nav-link.active,.nav-link:hover{color:var(--ink);border-color:var(--line);background:#f3efe4}.content{display:grid;grid-gap:20px;gap:20px;align-content:start}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.eyebrow{margin:0 0 6px;color:var(--accent-dark);font-size:13px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(30px,4vw,54px);line-height:1.05;letter-spacing:0}h2{font-size:22px;margin-bottom:14px}h3{font-size:17px;margin-bottom:8px}.muted{color:var(--muted)}.grid-two{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);grid-gap:20px;gap:20px}.login-panel,.panel,.recording-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.panel{padding:20px}.upload-drop{border:1px dashed #8aa19b;background:#f4f7f2;padding:24px;display:grid;grid-gap:16px;gap:16px;min-height:214px;align-content:center}.button-row{display:flex;flex-wrap:wrap;gap:10px}.btn,.icon-btn{border:1px solid var(--ink);background:var(--ink);color:#fffdf8;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn{padding:0 16px}.icon-btn{width:42px;padding:0}.btn.secondary,.icon-btn.secondary{background:transparent;color:var(--ink)}.btn.danger-action{border-color:var(--danger);background:transparent;color:var(--danger)}.btn:hover,.icon-btn:hover{transform:translateY(-1px)}.btn:disabled,.icon-btn:disabled,.nav-button:disabled{cursor:not-allowed;opacity:.52;transform:none}.btn.active-filter{background:var(--ink);color:#fffdf8}.field-grid{display:grid;grid-template-columns:1fr 180px 180px;grid-gap:10px;gap:10px}.filter-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;grid-column:1/-1}.field,.select,.textarea{width:100%;border:1px solid var(--line);background:#fff;min-height:42px;padding:9px 11px;color:var(--ink)}.textarea{min-height:150px;resize:vertical}.recording-list{display:grid;grid-gap:12px;gap:12px}.recording-card{padding:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:16px;gap:16px}.meta-row,.stat-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pill{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 9px;border:1px solid var(--line);background:#f4f1e8;color:var(--muted);font-size:13px}.pill.ok{color:var(--accent-dark);border-color:#9fcabc;background:#e8f4ef}.pill.warn{color:var(--amber);border-color:#e0be83;background:#fff5df}.pill.danger{color:var(--danger);border-color:#e4aaa3;background:#fff0ef}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-panel{width:min(940px,100%);display:grid;grid-template-columns:1fr 390px;min-height:540px}.login-art{padding:36px;display:grid;align-content:space-between;background:#17332d;color:#fffdf8;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;inset:auto -12% -24% 16%;height:260px;border:1px solid rgba(255,253,248,.3);background:repeating-linear-gradient(90deg,rgba(244,197,66,.82) 0 6px,transparent 6px 18px);transform:rotate(-7deg)}.login-form{padding:36px;align-content:center}.login-form,.section-grid{display:grid;grid-gap:14px;gap:14px}.compact-panel{box-shadow:none}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.summary-box{border:1px solid var(--line);background:#fff;padding:14px;min-height:116px}.transcript{display:grid;grid-gap:10px;gap:10px}.segment{display:grid;grid-template-columns:76px 120px minmax(0,1fr);grid-gap:12px;gap:12px;padding:12px;border:1px solid var(--line);background:#fff}.speaker-tabs{display:flex;flex-wrap:wrap;gap:8px}.audio-player{width:100%;min-height:42px;accent-color:var(--accent)}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table td,.admin-table th{border-bottom:1px solid var(--line);text-align:left;padding:12px}@media (max-width:900px){.page-shell{padding:14px}.app-frame,.grid-two,.login-panel,.summary-grid{grid-template-columns:1fr}.sidebar{position:static;height:auto}.field-grid,.recording-card,.topbar{grid-template-columns:1fr}.recording-card,.topbar{flex-direction:column}.segment{grid-template-columns:1fr}}