:root{color-scheme:light;--bg: #f4f6f8;--surface: #ffffff;--surface-muted: #f8fafc;--line: #dce3ea;--line-strong: #c4ced8;--text: #17202a;--muted: #697586;--muted-strong: #4b5565;--accent: #d7353f;--accent-strong: #b91f2b;--accent-soft: #fff0f1;--teal: #0e9384;--teal-soft: #e9fbf8;--blue: #2563eb;--blue-soft: #eff6ff;--warning: #a15c07;--warning-soft: #fff7ed;--danger: #c81e1e;--danger-soft: #fff1f2;--shadow: 0 12px 30px rgba(17, 24, 39, .08)}*{box-sizing:border-box}html,body,#app{min-height:100%}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;text-rendering:geometricPrecision}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;letter-spacing:0}button:disabled{cursor:not-allowed;opacity:.58}input,select,textarea{width:100%}textarea{resize:vertical}h1,h2,h3,h4,p{margin:0}h1{font-size:1.45rem;line-height:1.2}h2{font-size:1.08rem;line-height:1.25}h3{font-size:.98rem;line-height:1.3}h4{font-size:.95rem;line-height:1.35}.app-shell{min-height:100vh}.panel-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.eyebrow{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.auth-stage{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-card{display:grid;width:min(420px,100%);gap:20px;padding:28px}.auth-brand,.sidebar-brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#151a22;color:#fff;font-size:.85rem;font-weight:900}.admin-layout{display:grid;min-height:100vh;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:22px;border-right:1px solid var(--line);background:#fff;padding:22px 16px}.sidebar-brand strong{display:block;font-size:.98rem}.sidebar-brand span,.sidebar-label,.topbar-meta,.section-head p,.metric-card small,.timeline-caption{color:var(--muted)}.sidebar-brand span{font-size:.78rem}.side-nav{display:grid;gap:6px}.side-nav-item{display:flex;min-height:42px;align-items:center;justify-content:space-between;border-radius:8px;background:transparent;color:var(--muted-strong);padding:0 10px;text-align:left;transition:background .16s ease,color .16s ease}.side-nav-item:hover,.side-nav-item.active{background:var(--accent-soft);color:var(--accent-strong)}.side-nav-item span,.side-nav-item strong{font-size:.88rem;font-weight:800}.sidebar-section{display:grid;gap:10px}.sidebar-label{font-size:.76rem;font-weight:800}.member-list{display:grid;gap:8px}.member-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);padding:10px}.member-row span{color:var(--muted-strong);font-size:.8rem;font-weight:800}.member-row strong{font-size:.86rem}.full-button{margin-top:auto;width:100%}.workspace{display:grid;align-content:start;gap:18px;min-width:0;padding:22px}.topbar{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px}.topbar>div:first-child{display:grid;gap:4px}.topbar-meta{font-size:.88rem}.topbar-actions,.toolbar-fields,.inline-actions,.record-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.stack{display:grid;gap:18px}.metric-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{display:grid;gap:6px;padding:16px}.metric-card span,.metric-chip span{color:var(--muted);font-size:.76rem;font-weight:800}.metric-card strong{font-size:1.55rem;line-height:1.05}.metric-card small{font-size:.78rem}.message{border-radius:8px;padding:12px 14px;font-size:.9rem;font-weight:700}.message-error{border:1px solid #fecdd3;background:var(--danger-soft);color:var(--danger)}.message-success{border:1px solid #b6eee7;background:var(--teal-soft);color:#08756b}.field-block{display:grid;gap:6px}.field-block span{color:var(--muted-strong);font-size:.78rem;font-weight:800}.field-block.compact{min-width:158px}.field{min-height:38px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;color:var(--text);padding:8px 10px;transition:border-color .16s ease,box-shadow .16s ease}.field::placeholder{color:#98a2b3}.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #d7353f1a}.textarea{min-height:88px;line-height:1.55}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:0 12px;font-size:.86rem;font-weight:850;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--accent);color:#fff}.button-primary:hover:not(:disabled){background:var(--accent-strong)}.button-secondary{border:1px solid #bfdbfe;background:var(--blue-soft);color:var(--blue)}.button-ghost{border:1px solid var(--line-strong);background:#fff;color:var(--muted-strong)}.button-text{min-height:auto;background:transparent;color:var(--muted-strong);padding:0}.button-text.danger{color:var(--danger)}.import-panel,.profile-panel,.records-toolbar,.timeline-panel{display:grid;gap:14px;padding:16px}.import-textarea{min-height:190px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.86rem;white-space:pre}.section-head,.profile-header{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:12px}.section-head>div:first-child,.profile-header>div:first-child{display:grid;gap:4px}.summary-chips{display:flex;flex-wrap:wrap;gap:8px}.metric-chip{display:grid;min-width:92px;gap:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);padding:9px 10px}.metric-chip strong{font-size:.98rem}.content-grid{display:grid;gap:16px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.panel-subsection{display:grid;align-content:start;gap:12px;min-width:0;border-top:1px solid var(--line);padding-top:14px}.template-list,.task-list,.timeline-list,.template-pick-list{display:grid;gap:10px}.admin-detail{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted)}.admin-detail summary{display:grid;min-height:48px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;list-style:none}.admin-detail summary::-webkit-details-marker{display:none}.admin-detail summary strong{overflow:hidden;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.admin-detail summary em{color:var(--muted);font-size:.78rem;font-style:normal;font-weight:800;white-space:nowrap}.section-badge{display:inline-grid;min-width:28px;min-height:24px;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);font-size:.74rem;font-weight:900}.task-detail .section-badge{min-width:auto;padding:0 8px}.detail-body{display:grid;gap:12px;border-top:1px solid var(--line);background:#fff;padding:12px}.template-toolbar{display:flex;justify-content:flex-end}.form-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.field-block.full{grid-column:1 / -1}.create-card{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-muted);padding:12px}.template-pick-list{max-height:320px;overflow:auto;padding-right:4px}.template-pick-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.template-pick-item input{width:16px;height:16px;margin-top:2px;accent-color:var(--accent)}.template-pick-item span{display:grid;min-width:0;gap:3px}.template-pick-item strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.template-pick-item em{color:var(--muted);font-size:.78rem;font-style:normal;font-weight:800}.compact-empty{padding:14px}.records-toolbar{grid-template-columns:minmax(180px,280px) minmax(0,1fr);align-items:end}.timeline-item{display:grid;gap:12px;grid-template-columns:132px minmax(0,1fr);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:8px;background:#fff;padding:12px}.timeline-item.tone-note{border-left-color:var(--teal)}.timeline-item.tone-encouragement{border-left-color:var(--accent)}.timeline-meta{display:grid;align-content:start;gap:4px}.timeline-meta span{color:var(--muted);font-size:.78rem;font-weight:800}.timeline-meta strong{font-size:.82rem}.timeline-body{display:grid;gap:6px;min-width:0}.timeline-title-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.timeline-title-row h4{min-width:0}.timeline-body p{color:var(--muted-strong);line-height:1.55}.empty-state{border:1px dashed var(--line-strong);border-radius:8px;background:var(--surface-muted);color:var(--muted);padding:24px;text-align:center}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .16s ease,transform .16s ease}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-6px)}@media(max-width:1180px){.metric-grid,.content-grid,.records-toolbar{grid-template-columns:1fr}}@media(max-width:860px){.admin-layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{padding:16px}.topbar,.section-head,.profile-header{align-items:stretch}.topbar{display:grid}.topbar-actions,.toolbar-fields,.inline-actions,.record-actions{width:100%}.field-block.compact{min-width:unset;width:100%}}@media(max-width:640px){.form-grid,.timeline-item,.admin-detail summary{grid-template-columns:1fr}.summary-chips,.side-nav,.metric-grid{grid-template-columns:1fr}.button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}