.app{display:flex;width:100vw;height:100vh;overflow:hidden;background:var(--c-bg, #f8fafc);color:var(--c-ink-1, #0f172a);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.sidebar{display:flex;flex-direction:column;background:#0f172a;color:#e2e8f0;padding:16px 12px 14px;gap:10px;width:100%;height:100vh;border-right:1px solid #1e293b;box-sizing:border-box}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:4px 6px 12px;border-bottom:1px solid #1e293b}.sidebar__logo{width:32px;height:32px;display:grid;place-items:center;background:#2563eb;border-radius:8px;color:#fff;font-size:16px;box-shadow:0 2px 8px #2563eb4d}.sidebar__name{color:#fff;font-weight:700;font-size:14px;letter-spacing:-.01em}.sidebar__sub{color:#64748b;font-size:9px;font-weight:700;letter-spacing:.08em;margin-top:2px}.sidebar__search{position:relative;margin:4px 2px}.sidebar__search-input{width:100%;height:36px;padding:0 10px 0 32px;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#f8fafc;font-size:13px;box-sizing:border-box;transition:all .15s ease}.sidebar__search-input:focus{outline:none;border-color:#3b82f6;background:#0f172a;box-shadow:0 0 0 2px #3b82f633}.sidebar__search-input::placeholder{color:#64748b}.sidebar__search-icon{position:absolute;left:10px;top:9px;font-size:13px;color:#64748b;pointer-events:none}.sidebar__new-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 2px 6px;height:36px;border-radius:6px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 2px 6px #2563eb40;transition:all .15s ease}.sidebar__new-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 10px #2563eb59}.sidebar__tasks{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:2px 0}.sidebar__tasks::-webkit-scrollbar{width:4px}.sidebar__tasks::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.sidebar__section-title{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:4px 6px 6px;display:flex;justify-content:space-between;align-items:center}.sidebar__task-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;color:#94a3b8;font-size:12px;text-decoration:none;border-left:2px solid transparent;transition:all .12s ease}.sidebar__task-item:hover{background:#1e293b;color:#f8fafc}.sidebar__task-item--active{background:#1e293b;color:#fff;border-left-color:#3b82f6;font-weight:600}.sidebar__task-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:6px}.sidebar__task-actions{display:none;align-items:center;gap:2px}.sidebar__task-item:hover .sidebar__task-actions{display:flex}.sidebar__task-btn{background:transparent;border:none;color:#94a3b8;font-size:11px;padding:2px 4px;border-radius:3px;cursor:pointer;line-height:1}.sidebar__task-btn:hover{background:#334155;color:#fff}.sidebar__task-btn--delete:hover{background:#7f1d1d;color:#fca5a5}.sidebar__bottom{border-top:1px solid #1e293b;padding-top:10px;display:flex;flex-direction:column;gap:3px}.navtile{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:6px;color:#94a3b8;font-size:13px;text-decoration:none;border-left:2px solid transparent;transition:all .12s ease}.navtile:hover{background:#1e293b;color:#fff}.navtile--active{background:#1e293b;color:#fff;border-left-color:#3b82f6;font-weight:600}.content{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--c-bg, #f8fafc)}.topbar{height:52px;min-height:52px;display:flex;align-items:center;gap:12px;padding:0 32px;background:var(--c-surface, #ffffff);border-bottom:1px solid var(--c-line, #e2e8f0)}.topbar__spacer{flex:1}.topbar__control{min-height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--c-line, #cbd5e1);background:var(--c-surface, #ffffff);color:var(--c-ink-2, #334155);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s ease}.topbar__control:hover{background:var(--c-bg, #f1f5f9);color:var(--c-ink-1, #0f172a)}.content__scroll{flex:1;overflow-y:auto;box-sizing:border-box}:root{--c-bg: #f6f7f8;--c-surface: #ffffff;--c-surface-soft: #f8fafc;--c-line: #e8ebef;--c-line-strong: #d6dbe2;--c-ink-1: #17212e;--c-ink-2: #4d5a6b;--c-ink-3: #718096;--c-ink-4: #a0a9b6;--c-indigo: #2456d3;--c-indigo-bright: #2d63e4;--c-indigo-soft: #eaf0ff;--c-sidebar-top: #1a2432;--c-sidebar-bottom: #101722;--c-success: #047857;--c-success-bg: #ecfdf5;--c-warning: #b45309;--c-warning-bg: #fffbeb;--c-danger: #ba1a1a;--c-danger-bg: #fef2f2;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-display: 30px;--fs-headline: 22px;--fs-title: 16px;--fs-body: 14px;--fs-label: 12px;--r-sm: 7px;--r: 9px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--sidebar-w: 270px;--topbar-h: 56px;--shadow-card: 0 1px 2px rgba(20, 30, 45, .03), 0 8px 24px rgba(20, 30, 45, .035)}[data-theme=dark]{--c-bg: #111827;--c-surface: #192331;--c-surface-soft: #232f3f;--c-line: #334155;--c-line-strong: #475569;--c-ink-1: #f9fafb;--c-ink-2: #e5e7eb;--c-ink-3: #9ca3af;--c-ink-4: #6b7280;--c-indigo: #3b82f6;--c-indigo-bright: #60a5fa;--c-indigo-soft: #1e3a8a;--c-sidebar-top: #030712;--c-sidebar-bottom: #111827;--c-success: #34d399;--c-success-bg: #064e3b;--c-warning: #fbbf24;--c-warning-bg: #78350f;--c-danger: #f87171;--c-danger-bg: #7f1d1d;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--c-ink-1);background:var(--c-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh}.content{display:flex;flex-direction:column;min-width:0;overflow:hidden}.content__scroll{flex:1;overflow:auto;padding:32px 40px 48px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{animation:pulse 1.8s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--c-surface-soft);border-radius:var(--r-sm)}.data-table-row:hover{background-color:var(--c-surface-soft)!important}.approval-list-item:hover{background-color:var(--c-surface-soft)}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{display:none}.content__scroll{padding:24px 20px 36px}}