:root{--bg-primary:#fff;--bg-secondary:#f8f9fc;--bg-tertiary:#f0f2f8;--bg-elevated:#fff;--bg-overlay:hsla(0,0%,100%,.95);--bg-sidebar:#f0f2f8;--border-primary:#e2e6ef;--border-secondary:#d0d6e0;--border-focus:#3b82f6;--text-primary:#1a1a2e;--text-secondary:#4a4a68;--text-tertiary:#8a8aa8;--text-placeholder:#b0b4c8;--accent-ao:#3b82f6;--accent-ao-hover:#2563eb;--accent-ao-subtle:rgba(59,130,246,.12);--accent-ao-border:rgba(59,130,246,.35);--accent-shiro:#6b7280;--accent-shiro-hover:#4b5563;--accent-shiro-subtle:hsla(220,9%,46%,.12);--accent-shiro-border:hsla(220,9%,46%,.35);--accent:#3b82f6;--accent-hover:#2563eb;--accent-subtle:rgba(59,130,246,.12);--accent-border:rgba(59,130,246,.35);--success:#059669;--success-bg:rgba(5,150,105,.12);--success-border:rgba(5,150,105,.35);--warning:#d97706;--warning-bg:rgba(217,119,6,.12);--warning-border:rgba(217,119,6,.35);--error:#dc2626;--error-bg:rgba(220,38,38,.12);--error-border:rgba(220,38,38,.35);--info:#2563eb;--info-bg:rgba(37,99,235,.12);--info-border:rgba(37,99,235,.35);--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 2px 4px rgba(0,0,0,.08);--shadow-lg:0 4px 12px rgba(0,0,0,.12);--transition-fast:120ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--font-sans:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--primary:var(--accent);--primary-hover:var(--accent-hover);--secondary:var(--bg-secondary);--muted:var(--text-secondary);--border:var(--border-primary);--card-bg:var(--bg-secondary)}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f1118;--bg-secondary:#161922;--bg-tertiary:#1c1f2a;--bg-elevated:#0f1118;--bg-sidebar:#0a0d14;--text-primary:#f0f2f8;--text-secondary:#c8cbd6;--text-tertiary:#8a8fa3;--text-placeholder:#6a6f7f;--border-primary:#2a2f3d;--border-secondary:#3a3f4d;--border-focus:#60a5fa;--accent-ao-subtle:rgba(59,130,246,.15);--accent-shiro-subtle:hsla(220,9%,46%,.15);--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 2px 4px rgba(0,0,0,.3);--shadow-lg:0 4px 12px rgba(0,0,0,.4)}}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--bg-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.2}h1{font-size:28px;font-weight:700;margin-bottom:var(--space-4)}h2{font-size:20px}h2,h3{font-weight:600;margin-bottom:var(--space-3)}h3{font-size:18px}h4{font-size:16px}h4,h5{font-weight:600;margin-bottom:var(--space-2)}h5{font-size:14px}h6{font-size:12px;font-weight:600;margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}p{margin:0 0 var(--space-3) 0;color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}small{font-size:12px;color:var(--text-tertiary)}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:36px;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.button:hover,button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.button:active,button:active{transform:scale(.98)}.button:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.primary,button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.button.primary:hover,button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.ghost,button.ghost{background:transparent;border-color:transparent}.button.ghost:hover,button.ghost:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.button.small,button.small{height:28px;padding:0 var(--space-3);font-size:13px}input,select,textarea{width:100%;padding:0 var(--space-3);height:36px;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}textarea{padding:var(--space-2) var(--space-3);height:auto;min-height:80px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);background:var(--bg-tertiary)}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}.card{border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);box-shadow:var(--shadow-sm)}.card:hover{border-color:var(--border-secondary);transform:translateY(-1px)}.card-hover{transition:all var(--transition-base)}.card-hover:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-hover:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.card-hover:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (max-width:767px){.card{padding:16px}.card-hover:hover{transform:none}}.card.elevated{background:var(--bg-elevated);box-shadow:var(--shadow-md)}.panel{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panel,.panel-header{background:var(--bg-secondary)}.panel-header{padding:10px 12px;border-bottom:1px solid var(--border-primary);position:-webkit-sticky;position:sticky;top:0;z-index:1}.panel-header-title{font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--accent)}.panel-body{padding:var(--space-3)}.panel-footer{padding:var(--space-4);border-top:1px solid var(--border-primary);background:var(--bg-tertiary)}.hr{height:1px;background:var(--border-primary);border:none;margin:var(--space-4) 0}.divider{border-top:1px solid var(--border-primary)}.badge{display:inline-flex;align-items:center;padding:0 var(--space-2);height:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-secondary)}.badge.success{background:var(--success-bg);color:var(--success)}.badge.warning{background:var(--warning-bg);color:var(--warning)}.badge.error{background:var(--error-bg);color:var(--error)}.badge.info{background:var(--info-bg);color:var(--info)}.md{line-height:1.75;font-size:15px;color:var(--text-secondary);max-width:100%;overflow-wrap:anywhere;word-break:break-word}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md h1{font-size:28px;margin:var(--space-8) 0 var(--space-4);border-bottom:1px solid var(--border-primary);padding-bottom:var(--space-3)}.md h1,.md h2{color:var(--text-primary)}.md h2{font-size:22px;margin:var(--space-6) 0 var(--space-3)}.md h3{font-size:18px;color:var(--accent)}.md h3,.md h4,.md h5,.md h6{margin:var(--space-4) 0 var(--space-2)}.md ol,.md p,.md ul{margin:var(--space-3) 0}.md ol,.md ul{padding-left:24px}.md li{margin:var(--space-2) 0;color:var(--text-secondary)}.md li::marker{color:var(--text-tertiary)}.md code{font-family:var(--font-mono);font-size:.9em;background:var(--accent-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;color:var(--accent)}.md pre{margin:var(--space-4) 0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;box-shadow:var(--shadow-sm)}.md pre code{background:transparent;border:none;padding:0;color:var(--text-primary);font-size:13px}.md blockquote{margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent);background:var(--accent-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-primary)}.md blockquote p{margin:var(--space-2) 0}.md a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.md a:hover{border-bottom-color:var(--accent)}.md table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;display:block;overflow-x:auto}.md td,.md th{border:1px solid var(--border);padding:var(--space-2) var(--space-3);text-align:left}.md th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.md td{color:var(--text-secondary)}.md tr:hover td{background:var(--bg-tertiary)}.md hr{border:none;border-top:1px solid var(--border-primary);margin:var(--space-6) 0}.md img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-4) 0}.app-container{margin-left:220px;min-height:100vh;transition:margin-left var(--transition-base)}.main-content{max-width:1100px;margin:0 auto;padding:0 var(--space-4)}@media (max-width:767px){.app-container{margin-left:0}}@media (min-width:768px) and (max-width:1024px){.app-container{margin-left:60px}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button:focus-visible,button:focus-visible{outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base)}@media (max-width:480px){body{font-size:15px;line-height:1.65}}.slide-up{animation:slideUp var(--transition-base)}.page-header{gap:var(--space-3);align-items:baseline;margin-bottom:var(--space-3)}.page-title{margin:0;font-weight:800;letter-spacing:-.02em;line-height:1.25}.page-subtitle{margin-top:var(--space-2);line-height:1.5}.page-lead,.page-subtitle{color:var(--text-tertiary);font-size:13px}.page-lead{margin-bottom:var(--space-3);line-height:1.6}.tabs-scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.tabs-scroll::-webkit-scrollbar{display:none}.tab-pill{border-radius:999px;height:40px;padding:10px 14px;scroll-snap-align:start}.tab-pill[data-active=true]{background:var(--accent-subtle);border-color:var(--accent-border);color:var(--text-primary)}.btn{padding:12px 16px;height:36px;font-family:var(--font-sans);font-weight:600;line-height:1;border-radius:var(--radius-lg);background:var(--secondary);color:var(--text-primary);border:1px solid var(--border)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--primary);border:1px solid var(--accent-border)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--secondary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-secondary)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);height:36px;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-lg);padding:10px 12px;font-family:inherit;font-size:inherit;transition:border-color var(--transition-fast),background var(--transition-fast)}.input::placeholder,.textarea::placeholder{color:var(--text-placeholder)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-secondary);background:var(--bg-tertiary)}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent-border);background:var(--bg-tertiary)}.textarea{resize:vertical;font-family:inherit}.textarea-monospace{font-family:var(--font-mono)}.form-container{padding:var(--space-4);max-width:1100px;margin:0 auto}.form-container-narrow{padding:var(--space-4);max-width:980px;margin:0 auto}.form-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.form-grid-2col,.form-grid-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.form-grid-split{align-items:start}.form-field{display:grid;grid-gap:6px;gap:6px}.form-label{font-weight:700;letter-spacing:.02em}.form-hint,.form-label{font-size:12px;color:var(--text-secondary)}.form-hint{margin-top:6px}.form-error{color:var(--error);white-space:pre-wrap;padding:10px 12px;border:1px solid rgba(239,68,68,.35);background:var(--error-bg);border-radius:var(--radius-lg);font-size:12px}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media (max-width:480px){.form-actions{flex-direction:column;align-items:stretch}.form-actions .btn{width:100%}}.three-pane-shell{display:grid;grid-template-columns:280px 1fr 320px;height:100vh}.three-pane-left{border-right:1px solid var(--border-primary);overflow:auto}.three-pane-center{overflow:auto}.three-pane-right{border-left:1px solid var(--border-primary);overflow:auto}@media (max-width:1100px){.three-pane-right{display:none}}@media (max-width:820px){.three-pane-shell{grid-template-columns:220px 1fr 0}}@media (max-width:767px){.three-pane-shell{grid-template-columns:1fr;height:auto;min-height:100vh}.three-pane-left,.three-pane-right{display:none}}.doc-view{padding:24px;max-width:min(900px,100%);margin:0 auto;min-width:0;overflow-x:hidden}@media (max-width:480px){.doc-view{padding:16px}}.doc-view-subtitle{color:var(--text-secondary);font-size:12px}.doc-view-title{margin:8px 0 16px;font-size:28px}.doc-view-empty{color:#cbd5e1;line-height:1.7}.folder-tree-label{margin-bottom:var(--space-2);font-size:12px}.folder-tree-empty,.folder-tree-label,.folder-tree-node{color:var(--text-secondary)}.folder-tree-node{line-height:22px}.folder-tree-link{color:var(--text-primary);text-decoration:none}.folder-tree-footer{margin-top:10px;color:var(--text-secondary);font-size:12px}mark{background-color:rgba(147,197,253,.3);color:var(--accent-hover);padding:2px 4px;border-radius:3px;font-weight:500}.modal-overlay{animation:overlayIn .14s var(--ease-out);position:fixed;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:1000}.modal{animation:modalIn .16s var(--ease-out);width:100%;max-width:520px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-primary)}.modal-title{font-weight:700}.modal-body{padding:var(--space-4)}.modal-footer{display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4);border-top:1px solid var(--border-primary)}.folder-tree-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.toast-stack{position:fixed;right:14px;bottom:14px;display:grid;grid-gap:10px;gap:10px;z-index:1200;max-width:min(420px,calc(100vw - 28px))}.toast{animation:toastIn .16s var(--ease-out);background:rgba(15,23,42,.92);border:1px solid rgba(148,163,184,.25);color:var(--text-primary);padding:10px 12px;border-radius:12px;box-shadow:var(--shadow-md);font-size:13px;line-height:1.4}.toast-info{border-color:rgba(147,197,253,.35)}.toast-success{border-color:rgba(134,239,172,.35)}.toast-error{border-color:hsla(0,91%,71%,.45)}:root{--ease-out:cubic-bezier(0.22,1,0.36,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.modal,.modal-overlay,.toast{animation:none!important}.sidebar{transition:none!important}}html[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-tertiary:#64748b;--border-primary:rgba(15,23,42,.14);--border-secondary:rgba(15,23,42,.22);--accent:#2563eb;--accent-hover:#1d4ed8;--accent-subtle:rgba(37,99,235,.12);--panel:#fff;--shadow-sm:0 1px 2px rgba(15,23,42,.08);--shadow-md:0 10px 20px rgba(15,23,42,.08);--shadow-lg:0 20px 40px rgba(15,23,42,.1);--info:#0284c7;--info-bg:rgba(2,132,199,.1);--warning:#b45309;--warning-bg:rgba(180,83,9,.1);--error:#dc2626;--error-bg:rgba(220,38,38,.1)}html[data-theme=light] body{background:var(--bg-primary)}.markdown-editor-toolbar{display:flex;gap:6px;align-items:center;padding:8px;border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);position:-webkit-sticky;position:sticky;top:0;z-index:2;flex-wrap:wrap;overflow-x:auto}.markdown-editor-toolbar .btn{height:28px;padding:0 10px;font-size:12px;border-radius:10px}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(34,197,94,.35)}70%{box-shadow:0 0 0 12px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.office-floor{background:linear-gradient(0deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01)),repeating-linear-gradient(0deg,rgba(148,163,184,.1) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(148,163,184,.1) 0 1px,transparent 1px 28px)}@keyframes softPulse{0%{box-shadow:0 0 0 0 rgba(147,197,253,.2),0 0 24px rgba(16,185,129,.06)}60%{box-shadow:0 0 0 14px rgba(147,197,253,0),0 0 28px rgba(16,185,129,.1)}to{box-shadow:0 0 0 0 rgba(147,197,253,0),0 0 24px rgba(16,185,129,.06)}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}@media (max-width:768px){.container{padding:0 var(--space-3)}}.grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}@media (max-width:768px){.card{padding:var(--space-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--border-primary)}.btn-ao{background:var(--accent-ao);color:#fff}.btn-ao:hover{background:var(--accent-ao-hover)}.btn-shiro{background:var(--accent-shiro);color:#fff}.btn-shiro:hover{background:var(--accent-shiro-hover)}@media (max-width:768px){.btn{width:100%;justify-content:center}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1) 0;display:flex;align-items:center;gap:var(--space-2)}.page-subtitle{font-size:14px;color:var(--text-secondary);margin:0}@media (max-width:768px){.page-header{flex-direction:column;gap:var(--space-3)}.page-title{font-size:20px}}.agent-status{gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);margin-bottom:var(--space-2)}.agent-avatar,.agent-status{display:flex;align-items:center;border-radius:var(--radius-md)}.agent-avatar{width:40px;height:40px;justify-content:center;font-size:20px;flex-shrink:0}.agent-avatar.ao{background:var(--accent-ao-subtle)}.agent-avatar.shiro{background:var(--accent-shiro-subtle)}.agent-info{flex:1 1;min-width:0}.agent-name{font-weight:600;color:var(--text-primary);font-size:14px}.agent-activity{font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-status-badge{font-size:12px;font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--success-bg);color:var(--success)}.agent-status-badge.working{background:var(--info-bg);color:var(--info)}.agent-status-badge.paused{background:var(--warning-bg);color:var(--warning)}.agent-status-badge.offline{background:var(--text-tertiary);color:var(--text-primary)}.task-list{display:flex;flex-direction:column;gap:var(--space-2)}.task-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.task-item:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm)}.task-checkbox{width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid var(--border-secondary);cursor:pointer;flex-shrink:0;margin-top:2px}.task-checkbox:checked{background:var(--success);border-color:var(--success)}.task-content{flex:1 1;min-width:0}.task-title{font-size:14px;font-weight:500;color:var(--text-primary);margin:0 0 var(--space-1) 0}.task-meta{display:flex;gap:var(--space-2);font-size:12px;color:var(--text-tertiary)}.task-priority{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:500}.task-priority.high{background:var(--error-bg);color:var(--error)}.task-priority.medium{background:var(--warning-bg);color:var(--warning)}.task-priority.low{background:var(--bg-tertiary);color:var(--text-secondary)}.diary-quick-editor{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6)}.diary-editor-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.diary-textarea{width:100%;min-height:120px;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.6;resize:vertical;transition:border-color var(--transition-fast)}.diary-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.diary-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}@media (max-width:768px){.diary-actions{flex-direction:column}.diary-actions .btn{width:100%}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-elevated);border-top:1px solid var(--border-primary);padding:var(--space-2) var(--space-4);z-index:1000}.bottom-nav-items{display:flex;justify-content:space-around;max-width:600px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);color:var(--text-tertiary);text-decoration:none;font-size:11px;transition:color var(--transition-fast)}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item svg{width:24px;height:24px}@media (max-width:768px){.bottom-nav{display:block}.main-content{padding-bottom:70px}}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-muted{color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-tertiary)}.loading-spinner{width:24px;height:24px;border:2px solid var(--border-primary);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.empty-state{text-align:center;padding:var(--space-8);color:var(--text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-3);opacity:.5}.empty-state-title{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0 0 var(--space-2) 0}.empty-state-desc{font-size:14px;margin:0}.sidebar_sidebar__5oZpV{position:fixed;left:0;top:0;bottom:0;width:224px;background:var(--bg-sidebar-dark,#0a0a0a);border-right:1px solid #1a1a1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:width .2s cubic-bezier(.4,0,.2,1);z-index:100;display:flex;flex-direction:column}.sidebar_sidebar__5oZpV.sidebar_collapsed__t5bPO{width:60px}.sidebar_sidebarContent__8Y6fe{display:flex;flex-direction:column;height:100%;padding:16px 8px}.sidebar_toggleBtn__3OQRP{display:flex;align-items:center;justify-content:center;width:100%;height:40px;background:transparent;border:1px solid var(--border-primary);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;margin-bottom:16px;font-size:16px}.sidebar_toggleBtn__3OQRP:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-secondary)}.sidebar_toggleIcon__f32kV{display:block;line-height:1}.sidebar_nav__fDeVa{display:flex;flex-direction:column;gap:8px}.sidebar_navItem__hTmMU{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;color:#fff;text-decoration:none;transition:all .15s ease;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;position:relative;opacity:.7}.sidebar_navItem__hTmMU:hover{background:#1a1a1a;color:#fff;opacity:1}.sidebar_navItem__hTmMU.sidebar_active__YH8SN{background:#2563eb;color:#fff;opacity:1}.sidebar_navItem__hTmMU.sidebar_active__YH8SN:before{background:#fff}.sidebar_navItem__hTmMU.sidebar_active__YH8SN{background:var(--accent-subtle);color:var(--accent)}.sidebar_navItem__hTmMU.sidebar_active__YH8SN:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:0 2px 2px 0}.sidebar_icon__IxW2W{font-size:18px;line-height:1;flex-shrink:0;width:20px;text-align:center}.sidebar_label__7ziRX{flex:1 1;overflow:hidden;text-overflow:ellipsis}.sidebar_collapsed__t5bPO .sidebar_label__7ziRX{display:none}.sidebar_collapsed__t5bPO .sidebar_navItem__hTmMU{justify-content:center;padding:8px}.sidebar_spacer__vjITx{flex:1 1}.sidebar_mobileMenuBtn__e1hhL,.sidebar_overlay__4lGhm{display:none}@media (max-width:767px){.sidebar_sidebar__5oZpV{transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px}.sidebar_sidebar__5oZpV.sidebar_mobileOpen__imAkA{transform:translateX(0)}.sidebar_sidebar__5oZpV.sidebar_collapsed__t5bPO{width:260px}.sidebar_collapsed__t5bPO .sidebar_label__7ziRX{display:block}.sidebar_collapsed__t5bPO .sidebar_navItem__hTmMU{justify-content:flex-start;padding:8px 12px}.sidebar_overlay__4lGhm{display:block;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar_mobileMenuBtn__e1hhL{display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;left:20px;width:48px;height:48px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-primary);font-size:20px;cursor:pointer;z-index:98;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:all .15s ease}.sidebar_mobileMenuBtn__e1hhL:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}}@media (min-width:768px) and (max-width:1024px){.sidebar_sidebar__5oZpV,.sidebar_sidebar__5oZpV.sidebar_collapsed__t5bPO{width:60px}.sidebar_label__7ziRX{display:none}.sidebar_navItem__hTmMU{justify-content:center;padding:8px}}.sidebar_themeToggle__Pdecf{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid #333;background:#1a1a1a;color:#fff;cursor:pointer;transition:all .15s ease;margin-top:8px;font-weight:600}.sidebar_themeToggle__Pdecf:hover{background:#2563eb;border-color:#2563eb;color:#fff}.sidebar_themeIcon__P8y6c{width:20px;text-align:center;flex-shrink:0}.sidebar_themeLabel__ejOZl{font-size:13px;font-weight:600}.sidebar_collapsed__t5bPO .sidebar_themeLabel__ejOZl{display:none}.sidebar_collapsed__t5bPO .sidebar_themeToggle__Pdecf{justify-content:center;padding:8px}[data-theme=light] .sidebar_sidebar__5oZpV{background:#fff;border-right:1px solid #e0e0e0}[data-theme=light] .sidebar_navItem__hTmMU{color:#000;opacity:.8}[data-theme=light] .sidebar_navItem__hTmMU:hover{background:#f0f0f0;color:#000;opacity:1}[data-theme=light] .sidebar_navItem__hTmMU.sidebar_active__YH8SN{background:#2563eb;color:#fff;opacity:1}[data-theme=light] .sidebar_navItem__hTmMU.sidebar_active__YH8SN:before{background:#fff}[data-theme=light] .sidebar_toggleBtn__3OQRP{border-color:#e0e0e0;color:#000}[data-theme=light] .sidebar_toggleBtn__3OQRP:hover{background:#f0f0f0;color:#000}[data-theme=light] .sidebar_themeToggle__Pdecf{border-color:#e0e0e0;background:#f5f5f5;color:#000}[data-theme=light] .sidebar_themeToggle__Pdecf:hover{background:#2563eb;border-color:#2563eb;color:#fff}