:root{--bg:#f7f8fa;--surface:#fff;--surface2:#f0f2f5;--text:#161b26;--muted:#697386;--line:#e5e8ee;--accent:#4f46e5;--accent2:#e8e7ff;--green:#12825c;--red:#c44242;--shadow:0 8px 30px rgba(18,28,45,.06)}[data-theme=dark]{--bg:#10131a;--surface:#181d27;--surface2:#202735;--text:#f4f6fa;--muted:#9ca7b8;--line:#2b3445;--accent:#8b84ff;--accent2:#292747;--green:#51c99b;--red:#f17d7d;--shadow:0 8px 30px rgba(0,0,0,.18)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer} .sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:24px 14px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:720;letter-spacing:-.03em;padding:2px 10px 28px}.brand-mark,.contact-avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--accent);color:#fff;font-weight:800}.sidebar nav{display:grid;gap:3px}.sidebar nav a,.sidebar-foot a,.theme-toggle{padding:9px 10px;border-radius:8px;color:var(--muted);border:0;background:transparent;text-align:left;font-weight:550}.sidebar nav a:hover,.sidebar nav .active,.sidebar-foot a:hover,.theme-toggle:hover{background:var(--surface2);color:var(--text)}.sidebar-foot{margin-top:auto;display:grid;gap:3px}.theme-toggle{width:100%}main{margin-left:248px;min-height:100vh}header{height:70px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:4;backdrop-filter:blur(8px)}.global-search{height:38px;width:min(460px,55vw);display:flex;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--muted)}.global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}kbd{font-size:12px;border:1px solid var(--line);padding:1px 5px;border-radius:4px}.avatar summary{list-style:none;display:grid;place-items:center;width:34px;height:34px;background:var(--accent2);color:var(--accent);border-radius:50%;font-weight:800;cursor:pointer}.avatar{position:relative}.avatar>div{position:absolute;right:0;top:42px;width:190px;padding:12px;display:grid;gap:8px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px}.avatar>div a,.avatar button{padding:6px 0;border:0;background:none;text-align:left;color:var(--muted)}.menu-button{display:none}.page-head{padding:42px 42px 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-head h1{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08;letter-spacing:-.05em;margin:3px 0 8px}.page-head p{color:var(--muted);margin:0}.eyebrow{font-size:.72rem!important;font-weight:760;letter-spacing:.1em;color:var(--accent)!important}.quick{display:flex;gap:8px;flex-wrap:wrap}.quick a,.quick button,.primary{background:var(--accent);border:1px solid var(--accent);border-radius:8px;color:#fff;padding:9px 13px;font-weight:650}.quick a:not(:first-child),.quick button{color:var(--text);background:var(--surface);border-color:var(--line)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 42px 22px}.metric-grid article,.panel,.form-card,.journal-card,.contact-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.metric-grid article{padding:18px}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:.85rem}.metric-grid strong{display:block;font-size:1.35rem;letter-spacing:-.03em;margin:8px 0}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.two-col,.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;padding:0 42px 42px}.panel{padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-title h2,.panel h2{font-size:1rem;margin:0;letter-spacing:-.02em}.panel-title a{font-size:.85rem;color:var(--accent)}.task-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--line)}.task-row:first-of-type{border-top:0}.task-row>div{flex:1;display:grid}.task-row small{color:var(--muted);font-size:.8rem}.check{border:0;background:transparent;color:var(--accent);font-size:1.35rem}.task-row.done strong{text-decoration:line-through;color:var(--muted)}.pill{font-size:.72rem!important;border-radius:20px;background:var(--surface2);padding:3px 8px;color:var(--muted)}.pill.high{color:var(--red)}.action-panel a{padding:14px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-weight:600}.action-panel a span{color:var(--accent)}.filter-bar{margin:0 42px 20px;display:flex;gap:8px}.filter-bar input{max-width:500px}.filter-bar button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 13px;color:var(--text)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--bg);color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}label{display:grid;gap:6px;font-weight:620;font-size:.9rem}label small{font-weight:400;color:var(--muted)}.timeline{display:grid;gap:12px;padding:0 42px 42px;max-width:920px}.journal-card{padding:19px}.journal-card:hover,.contact-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-1px)}.journal-card time,.journal-card p{color:var(--muted);font-size:.86rem}.journal-card h2{font-size:1.08rem;margin:5px 0}.journal-card p{margin:0 0 12px}.form-card{margin:0 42px 42px;padding:24px;max-width:1000px}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.field-grid.three{grid-template-columns:repeat(3,1fr)}textarea{resize:vertical;margin-bottom:16px}.form-actions{display:flex;justify-content:flex-end}.recording{padding:14px;margin:-2px 0 18px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px}.recording div{flex:1}.recording p{font-size:.8rem;color:var(--muted);margin:0}.recording time{font-variant-numeric:tabular-nums}.record{width:38px;height:38px;border-radius:50%;border:0;background:#e55050;color:#fff}.record.live{animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(229,80,80,.2)}}hr{border:0;border-top:1px solid var(--line);margin:20px 0}.table-wrap{margin:0 42px 42px}.table-wrap table{width:100%;border-collapse:collapse;font-size:.88rem}.table-wrap th{text-align:left;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.table-wrap td,.table-wrap th{padding:12px 8px;border-top:1px solid var(--line)}.direction.long{color:var(--green)}.direction.short{color:var(--red)}.back{font-size:.85rem;color:var(--accent)}.prose p{white-space:normal}.ai-panel p,.settings-grid p{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{background:var(--accent2);color:var(--accent);padding:4px 8px;border-radius:6px;font-size:.8rem}.contact-grid,.media-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 42px 42px}.contact-card{padding:16px;display:flex;gap:11px;align-items:flex-start}.contact-avatar{border-radius:50%;flex:0 0 auto}.contact-card h2{font-size:1rem;margin:0}.contact-card p,.contact-card small{font-size:.82rem;color:var(--muted);margin:3px 0}.contact-card .pill{margin-left:auto}.media-grid figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.media-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.media-grid figcaption{padding:9px;font-size:.78rem;color:var(--muted)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px}.segmented{display:flex;gap:8px}.segmented button{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:7px;padding:8px 12px}.empty{padding:24px;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.toast{position:fixed;right:20px;bottom:20px;background:#182033;color:#fff;padding:11px 15px;border-radius:8px;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:30}.toast.show{opacity:1;transform:none}.toast.error{background:#ae3d45}dialog{border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);width:min(620px,calc(100vw - 24px)}dialog::backdrop{background:rgba(0,0,0,.35)}.modal-form{display:grid;gap:15px}.modal-form .panel-title button{border:0;background:transparent;color:var(--text);font-size:1.5rem}.auth-page{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-card{width:min(420px,calc(100vw - 32px));display:grid;gap:15px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:34px}.login-card h1{letter-spacing:-.04em;margin:5px 0 0}.login-card>p{margin:0;color:var(--muted)}.notice{padding:10px;border-radius:7px}.notice.error{background:#fce8e8;color:#a33b3b}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.menu-button{display:block;background:none;border:0;color:var(--text);font-size:1.25rem}main{margin-left:0}header{padding:0 18px}.page-head,.metric-grid,.two-col,.detail-grid,.timeline,.form-card,.table-wrap,.contact-grid,.media-grid,.settings-grid{padding-left:18px;padding-right:18px}.page-head{padding-top:28px}.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col,.detail-grid{grid-template-columns:1fr}.field-grid.three{grid-template-columns:repeat(2,1fr)}.contact-grid,.media-grid{grid-template-columns:repeat(2,1fr)}.table-wrap{overflow-x:auto}.table-wrap table{min-width:720px}}@media(max-width:520px){.global-search{width:auto;flex:1;margin:0 12px}.global-search kbd{display:none}.page-head{display:grid;align-items:start}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-grid article{padding:14px}.field-grid,.field-grid.three,.settings-grid,.contact-grid,.media-grid{grid-template-columns:1fr}.quick{width:100%}.quick>*{flex:1;text-align:center}.recording{align-items:flex-start}.table-wrap{margin-left:18px;margin-right:18px}}