:root{--color-status-badge-bg:#dcfce7;--color-status-badge-text:#166534;--color-pill-read-bg:#e0f2fe;--color-pill-read-text:#075985;--color-pill-unread-bg:#fef3c7;--color-pill-unread-text:#92400e}[data-theme=dark]{--color-status-badge-bg:#14532d;--color-status-badge-text:#86efac;--color-pill-read-bg:#0c4a6e;--color-pill-read-text:#7dd3fc;--color-pill-unread-bg:#78350f;--color-pill-unread-text:#fcd34d}body,html{font-family:Arial,sans-serif;background:var(--color-bg,#f3f4f6);color:var(--color-text-primary,#111827)}.header{justify-content:space-between;padding:16px 24px;background:#111827;color:#fff;flex-wrap:wrap;gap:10px;position:relative}.brand-wrap,.header{display:flex;align-items:center}.brand-wrap{gap:16px}.brand{color:#fff;font-size:20px;font-weight:700}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:0;border:1px solid #374151;border-radius:8px;background:#1f2937;cursor:pointer}.menu-toggle span{display:block;width:16px;height:2px;margin:0 auto;background:#fff;border-radius:1px}.navbar{display:flex;gap:14px}.nav-link{color:#d1d5db;padding:8px 2px;display:inline-flex;align-items:center}.header-actions{display:flex;align-items:center;gap:10px}.icon-button,.profile-button{border:1px solid #374151;background:#1f2937;color:#fff;border-radius:999px;padding:8px 12px;cursor:pointer;display:flex;gap:8px}.avatar-mini{background:linear-gradient(135deg,#2563eb,#7c3aed);font-size:13px;overflow:hidden;flex-shrink:0}.avatar img,.avatar-mini img{width:100%;height:100%;object-fit:cover}.dropdown-menu{background:var(--color-surface,#fff);color:var(--color-text-primary,#111827);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.16);z-index:20}.dropdown-button,.dropdown-item,.dropdown-link{display:block;padding:8px 6px;color:var(--color-text-primary,#111827)}.dropdown-button{width:100%;text-align:left;background:none;border:none;font:inherit;cursor:pointer;border-radius:6px}.dropdown-button:hover{background:var(--color-surface-hover,#f3f4f6)}.main-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 120px)}.sidebar{background:var(--color-surface-hover,#e5e7eb);padding:24px 16px}.sidebar h3{margin-top:0}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:10px}.sidebar a{color:var(--color-text-primary,#111827)}.card,.content{padding:24px}.card{background:var(--color-surface,#fff);border-radius:20px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.profile-card{max-width:560px}.profile-header{gap:16px;margin-bottom:12px}.avatar,.profile-header{display:flex;align-items:center}.avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;justify-content:center;font-size:24px;font-weight:700;overflow:hidden;flex-shrink:0}.status-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:var(--color-status-badge-bg,#dcfce7);color:var(--color-status-badge-text,#166534);font-size:13px;font-weight:700;margin-bottom:16px}.info-block{border:1px solid var(--color-border,#e5e7eb);border-radius:14px;padding:12px 14px;margin-top:8px}.info-row{justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--color-border-subtle,#f3f4f6)}.actions,.info-row{display:flex;align-items:center}.actions{flex-wrap:wrap;gap:12px;margin-top:22px}.link{color:var(--color-accent,#2563eb);font-weight:700}.avatar-edit{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:6px}.avatar-button{border:none;cursor:pointer;padding:0;position:relative}.avatar-button:disabled{cursor:wait;opacity:.7}.avatar-edit-overlay{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:var(--color-text-primary,#111827);color:var(--color-surface,#fff);display:flex;align-items:center;justify-content:center;font-size:12px;border:2px solid var(--color-surface,#fff)}.avatar-remove{background:none;border:none;cursor:pointer;font-size:12px}.avatar-remove:disabled{opacity:.5;cursor:not-allowed}.note.error{color:var(--color-danger,#dc2626)}.link.secondary{color:var(--color-purple-500,#7c3aed)}.button{display:inline-block;border:none;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.button.primary{background:var(--color-accent,#2563eb);color:var(--color-text-on-accent,#fff)}.button.secondary{background:var(--color-surface-hover,#e5e7eb);color:var(--color-text-primary,#111827)}.button.danger{background:var(--color-danger,#dc2626);color:var(--color-text-on-accent,#fff)}.list-stack{display:flex;flex-direction:column;gap:10px;margin-top:16px}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--color-border,#e5e7eb);border-radius:12px;color:var(--color-text-primary,#111827);background:var(--color-surface-subtle,#f9fafb)}.list-subtext{margin-top:4px;color:var(--color-text-secondary,#6b7280);font-size:13px}.status-pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.status-pill.read{background:var(--color-pill-read-bg,#e0f2fe);color:var(--color-pill-read-text,#075985)}.status-pill.unread{background:var(--color-pill-unread-bg,#fef3c7);color:var(--color-pill-unread-text,#92400e)}.chat-controls,.chat-input-row{display:flex;gap:12px;align-items:center;margin-top:16px}.chat-input-row input,.field input{flex:1 1;padding:10px 12px;border:1px solid var(--color-border,#d1d5db);border-radius:10px;background:var(--color-surface,#fff);color:var(--color-text-primary,#111827)}.field{display:flex;flex-direction:column;gap:6px;flex:1 1}.chat-list{margin-top:16px;display:flex;flex-direction:column;gap:10px}.chat-item{padding:12px 14px;background:var(--color-surface-subtle,#f9fafb);border-radius:12px;border:1px solid var(--color-border,#e5e7eb)}.chat-status{margin-top:12px;color:var(--color-text-secondary,#4b5563)}.footer{padding:16px 24px;text-align:center;color:var(--color-text-secondary,#6b7280);background:var(--color-surface-subtle,#f9fafb)}@media (max-width:720px){.menu-toggle{display:flex}.navbar{display:none;flex-direction:column;gap:2px;width:100%;order:3;background:#1f2937;border-radius:10px;padding:8px}.navbar.navbar-open{display:flex}.navbar .nav-link{padding:12px 10px;width:100%;border-radius:8px}.navbar .nav-link:active{background:#374151}.header{padding:8px 12px;gap:6px}.brand{display:none}.header-actions{gap:6px}.dropdown-menu{right:-8px;min-width:160px}.content{padding:16px}.card{padding:18px;border-radius:14px}.info-row,.profile-header{flex-wrap:wrap}.info-row{gap:4px}.actions{flex-direction:column;align-items:stretch}.actions .button,.actions .link{text-align:center}.chat-controls,.chat-input-row{flex-wrap:wrap}.chat-controls .button,.chat-controls .field,.chat-input-row input{width:100%}.list-item{flex-wrap:wrap;gap:6px}.footer{padding:14px 16px;font-size:13px}}@media (max-width:720px),(pointer:coarse){.button,.dropdown-button,.icon-button,.menu-toggle,.profile-button{min-height:44px}.chat-input-row input,.field input{font-size:16px;min-height:44px}}:root{--color-white:#ffffff;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-green-500:#10b981;--color-amber-500:#f59e0b;--color-red-500:#ef4444;--color-purple-500:#8b5cf6;--color-pink-500:#ec4899;--color-cyan-500:#06b6d4;--color-orange-400:#fb923c;--spacing-0:0px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-2-5:10px;--spacing-3:12px;--spacing-3-5:14px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-12:48px;--spacing-14:56px;--spacing-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-pill:9999px;--font-size-2xs:10px;--font-size-xs:11px;--font-size-sm:12px;--font-size-md:13px;--font-size-lg:14px;--font-size-xl:16px;--font-size-2xl:20px;--font-size-heading:18px;--font-size-display:22px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-0.5px;--tracking-tight:-0.3px;--tracking-normal:0;--tracking-wide:0.4px;--tracking-wider:0.5px;--tracking-caps:0.5px;--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 1px 3px rgba(15,23,42,0.06);--shadow-md:0 4px 12px rgba(15,23,42,0.07),0 1px 3px rgba(15,23,42,0.04);--shadow-lg:0 8px 24px rgba(15,23,42,0.08),0 2px 6px rgba(15,23,42,0.04);--duration-fast:180ms;--duration-base:210ms;--duration-slow:220ms;--easing-default:cubic-bezier(0.4,0,0.2,1);--easing-out:cubic-bezier(0,0,0.2,1);--easing-spring:cubic-bezier(0.34,1.56,0.64,1);--color-bg:var(--color-slate-50);--color-surface:var(--color-white);--color-surface-subtle:var(--color-slate-50);--color-surface-hover:var(--color-slate-100);--color-border:var(--color-slate-200);--color-border-subtle:var(--color-slate-100);--color-border-faint:var(--color-slate-50);--color-text-primary:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-text-tertiary:var(--color-slate-400);--color-text-on-accent:var(--color-white);--color-accent:var(--color-blue-500);--color-accent-hover:var(--color-blue-600);--color-accent-active:var(--color-blue-700);--color-accent-muted:var(--color-blue-50);--color-accent-rgb:59,130,246;--color-success:var(--color-green-500);--color-warning:var(--color-amber-500);--color-danger:var(--color-red-500);--color-info:var(--color-cyan-500);--shadow-header:0 1px 0 var(--color-border),0 2px 8px rgba(15,23,42,0.04);--shadow-bar:0 1px 2px rgba(15,23,42,0.14),0 1px 4px rgba(15,23,42,0.08);--shadow-bar-hover:0 3px 8px rgba(15,23,42,0.18),0 1px 3px rgba(15,23,42,0.1);--shadow-bar-drag:0 8px 20px rgba(15,23,42,0.2);--size-header:var(--spacing-14);--size-sidebar:244px;--size-row:var(--spacing-12);--size-tl-header:var(--spacing-14);--size-btn:var(--spacing-8);--size-btn-primary:34px;--size-icon-btn:var(--spacing-8);--size-nav-btn:var(--spacing-8);--size-search-max-w:220px;--size-filter-panel-w:252px;--size-modal-w:520px;--size-ctx-min-w:162px;--size-bar:var(--spacing-5);--size-bar-radius:10px;--size-progress:3px;--size-resize-handle:7px;--size-today-dot:6px;--size-today-dot-ring:3px;--size-priority-dot:5px;--size-sidebar-stripe:3px;--size-today-line-w:1.5px;--size-logo-icon:18px;--spacing-4-5:18px;--spacing-tl-bot:30px;--spacing-1-5-calc:26px}[data-theme=dark]{--color-bg:var(--color-slate-900);--color-surface:var(--color-slate-800);--color-surface-subtle:var(--color-slate-800);--color-surface-hover:#263348;--color-border:var(--color-slate-700);--color-border-subtle:var(--color-slate-800);--color-border-faint:var(--color-slate-800);--color-text-primary:var(--color-slate-100);--color-text-secondary:var(--color-slate-400);--color-text-tertiary:var(--color-slate-600);--color-accent-muted:#1e3a6e;--shadow-header:0 1px 0 var(--color-slate-700),0 2px 8px rgba(0,0,0,0.25);--shadow-bar:0 1px 2px rgba(0,0,0,0.4),0 1px 4px rgba(0,0,0,0.25);--shadow-bar-hover:0 3px 8px rgba(0,0,0,0.45),0 1px 3px rgba(0,0,0,0.3);--shadow-bar-drag:0 8px 20px rgba(0,0,0,0.55)}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:var(--color-bg);color:var(--color-text-primary);min-height:100vh;overflow:hidden}a{text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit}.site-shell{height:100vh;height:100dvh;display:flex;flex-direction:column}.site-main{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow-y:auto}.app-hdr{height:var(--size-header);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-header);display:flex;align-items:center;padding:0 var(--spacing-5);gap:var(--spacing-2);flex-shrink:0}[data-theme=dark] .app-hdr{background:rgba(30,41,59,.9)}.logo{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);white-space:nowrap;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.logo svg{width:var(--size-logo-icon);height:var(--size-logo-icon);color:var(--color-accent)}.hdiv{width:1px;height:var(--spacing-4-5);background:var(--color-border);flex-shrink:0}.header-nav{display:flex;align-items:center;gap:var(--spacing-2);margin-left:var(--spacing-2)}.nav-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--duration-fast)}.nav-link:hover{color:var(--color-accent)}.period-lbl{min-width:158px;padding:var(--spacing-1) var(--spacing-2);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tighter);text-align:center;white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default)}.period-lbl:hover{background:var(--color-surface-hover);color:var(--color-accent)}.hdr-right{margin-left:auto}.hdr-right,.search-box{display:flex;align-items:center;gap:var(--spacing-1-5)}.search-box{height:var(--size-btn);padding:0 var(--spacing-3);border:1px solid transparent;border-radius:var(--radius-pill);background:var(--color-surface-hover);color:var(--color-text-secondary);min-width:180px;transition:all var(--duration-fast) var(--easing-default)}.search-box:focus-within{border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb),.12)}.search-box svg{width:15px;height:15px;flex-shrink:0;color:var(--color-text-tertiary);transition:all var(--duration-fast) var(--easing-default)}.search-box:focus-within svg{color:var(--color-accent);transform:scale(1.08)}.search-box input{width:100%;border:none;outline:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);padding:0}.search-box input::placeholder{color:var(--color-text-tertiary)}.zoom-group{display:flex;align-items:center;gap:var(--spacing-1);margin-right:var(--spacing-2)}.zoom-btn{height:var(--size-btn);padding:0 var(--spacing-2-5);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--easing-default);font-size:var(--font-size-xs)}.zoom-btn.active{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.zoom-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-slate-300)}.btn,.ico-btn,.icon-button,.nav-btn,.profile-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--easing-default)}.btn,.nav-btn{height:var(--size-btn);padding:0 var(--spacing-3);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.btn:hover,.icon-button:hover,.nav-btn:hover,.profile-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-slate-300)}.btn.pri{background:linear-gradient(180deg,var(--color-accent) 0,var(--color-accent-hover) 100%);color:var(--color-text-on-accent);border-color:var(--color-accent-hover);box-shadow:0 2px 8px rgba(var(--color-accent-rgb),.2)}.btn.pri:hover{background:linear-gradient(180deg,var(--color-accent-hover) 0,var(--color-accent-active) 100%)}.btn-icon,.fab-add-task{display:none}.icon-button,.profile-button{padding:0 var(--spacing-3);height:var(--size-btn);gap:var(--spacing-1-5)}.ico-btn,.icon-button,.profile-button{display:inline-flex;align-items:center}.ico-btn{width:var(--size-icon-btn);height:var(--size-icon-btn);justify-content:center}.btn:focus-visible,.chip:focus-visible,.cpk:focus-visible,.ico-btn:focus-visible,.ipb:focus-visible,.nav-btn:focus-visible,.zoom-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;z-index:1}.btn.pri:focus-visible{outline-color:var(--color-accent-active)}.avatar-mini{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-blue-700));color:white;font-size:12px;font-weight:700}.file-input{display:none}.dropdown{position:relative}.dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:8px;z-index:30}.dropdown-item,.dropdown-link{display:block;padding:8px 10px;color:var(--color-text-primary);border-radius:var(--radius-md)}.dropdown-link:hover{background:var(--color-surface-hover)}.planner-shell{flex:1 1;min-height:0;display:flex;flex-direction:column;background:var(--color-bg)}.fp{position:fixed;top:120px;right:var(--spacing-4);width:var(--size-filter-panel-w);background:rgba(255,255,255,.92);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-4);z-index:120;display:none}[data-theme=dark] .fp{background:rgba(30,41,59,.94)}.fp.open{display:block}.fp-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.fp-hdr h4{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.ico-btn.active{background:var(--color-accent-muted);color:var(--color-accent);border-color:var(--color-accent)}.legend{display:grid;grid-gap:var(--spacing-2);gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.legend-block{display:flex;flex-direction:column;gap:var(--spacing-1)}.legend-block span{font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-tertiary)}.legend-item{display:flex;align-items:center;gap:var(--spacing-1-5);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.legend-swatch{width:10px;height:10px;border-radius:999px;display:inline-block}.fp-sec{margin-bottom:var(--spacing-3-5)}.fp-sec span{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-tertiary)}.chips{display:flex;flex-wrap:wrap;gap:var(--spacing-1-5)}.chip{padding:var(--spacing-1) var(--spacing-2-5);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.chip.on{background:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.chip-wrap{position:relative;display:inline-flex}.chip-remove{position:absolute;top:-6px;right:-6px;z-index:1;width:16px;height:16px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--color-surface);background:var(--color-danger);color:white;font-size:11px;line-height:1;box-shadow:var(--shadow-sm)}.chip-remove:hover{filter:brightness(1.1)}.chip-remove:disabled{opacity:.4;cursor:not-allowed}.chip-add{border-style:dashed;color:var(--color-accent);font-weight:var(--font-weight-bold)}.chip-add:hover{background:var(--color-accent-muted)}.fgrp .icon-text-input{width:64px;text-align:center;font-size:var(--font-size-xl)}.app-body{flex:1 1;display:flex;overflow:hidden}.grid-scroll{flex:1 1;overflow:auto;background:var(--color-bg);position:relative}.grid-header-row{top:0;z-index:20}.grid-corner,.grid-header-row{display:flex;position:-webkit-sticky;position:sticky}.grid-corner{left:0;z-index:2;width:var(--size-sidebar);flex-shrink:0;height:var(--size-tl-header);background:var(--color-surface);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);align-items:center;justify-content:space-between;padding:0 var(--spacing-4);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.badge,.grid-corner{font-size:var(--font-size-2xs);color:var(--color-text-tertiary)}.badge{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--spacing-0-5) var(--spacing-1-5)}.grid-header-timeline{flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.tl-row-top{height:var(--spacing-1-5-calc);border-bottom:1px solid var(--color-border-subtle)}.tl-row-bot,.tl-row-top{display:flex;overflow:hidden}.tl-row-bot{height:var(--spacing-tl-bot)}.tl-row-bot.full-height{height:100%}.tl-cell{flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-right:1px solid var(--color-border-subtle)}.tl-cell.big{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:linear-gradient(180deg,var(--color-surface) 0,var(--color-surface-hover) 100%)}.tl-cell.today{color:var(--color-accent);font-weight:var(--font-weight-bold);background:linear-gradient(180deg,rgba(var(--color-accent-rgb),.14) 0,rgba(var(--color-accent-rgb),.22) 100%);box-shadow:inset 0 -1px 0 rgba(var(--color-accent-rgb),.22)}.tl-cell.wk{background:rgba(15,23,42,.012)}[data-theme=dark] .tl-cell.wk{background:rgba(255,255,255,.012)}.tl-row-bot.full-height .tl-cell{flex-direction:column;gap:2px}.wk-day-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-tertiary)}.wk-day-num{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1;letter-spacing:var(--tracking-tighter)}.tl-cell.today .wk-day-name,.tl-cell.today .wk-day-num{color:var(--color-accent)}.grid-body{position:relative;min-height:calc(100vh - var(--size-header) - var(--size-tl-header));background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(var(--size-row) - 1px),var(--color-border-subtle) calc(var(--size-row) - 1px),var(--color-border-subtle) var(--size-row))}.grid-data-row,.task-row{display:flex}.task-row{position:-webkit-sticky;position:sticky;left:0;z-index:15;width:var(--size-sidebar);flex-shrink:0;height:var(--size-row);align-items:center;gap:var(--spacing-2);padding:0 var(--spacing-4);background:var(--color-surface);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border-subtle);cursor:pointer}.task-row:hover{background:var(--color-surface-hover)}.task-row.sel{background:var(--color-accent-muted)}.tr-icon{font-size:var(--font-size-md);opacity:.5}.tr-info{flex:1 1;min-width:0}.tr-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tr-meta,.tr-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tr-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-0-5)}.tr-cat-badge{font-size:var(--font-size-sm);flex-shrink:0;opacity:.38}.pri-dot{width:var(--size-priority-dot);height:var(--size-priority-dot);border-radius:var(--radius-pill);flex-shrink:0}.add-row{position:-webkit-sticky;position:sticky;left:0;z-index:15;width:var(--size-sidebar);flex-shrink:0;height:var(--size-row);display:flex;align-items:center;padding:0 var(--spacing-4);background:var(--color-surface);border-right:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer}.add-row:hover{color:var(--color-accent);background:var(--color-accent-muted)}.grid-empty-row{position:relative;min-height:200px}.grid-row{position:relative;height:var(--size-row);border-bottom:1px solid var(--color-border-subtle);display:flex;flex-shrink:0}.g-cell{flex-shrink:0;border-right:1px solid var(--color-border-subtle)}.g-cell.today-col{background:linear-gradient(180deg,rgba(var(--color-accent-rgb),.14) 0,rgba(var(--color-accent-rgb),.28) 100%);box-shadow:inset 0 0 0 1px rgba(var(--color-accent-rgb),.18)}.today-line{top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--color-accent) 0,#2563eb 100%);box-shadow:0 0 0 1px rgba(255,255,255,.2);z-index:3;pointer-events:none;transform:translateZ(0)}.bar,.today-line{position:absolute}.bar{top:10px;height:28px;border-radius:var(--size-bar-radius);display:flex;align-items:center;padding:0 var(--spacing-3);gap:var(--spacing-1);color:white;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);overflow:hidden;box-shadow:var(--shadow-bar);z-index:4;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid rgba(255,255,255,.16);transform:none;will-change:left,width;transition:left .18s cubic-bezier(.22,1,.36,1),width .18s cubic-bezier(.22,1,.36,1)}.bar:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 70%);pointer-events:none}.bar.dragging{cursor:-webkit-grabbing;cursor:grabbing;box-shadow:var(--shadow-bar-drag);opacity:.95;transform:none}.bar.selected{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.bar.has-meta{padding-left:var(--spacing-2-5);padding-right:var(--spacing-2-5);gap:var(--spacing-1-5)}.bar.has-meta .b-ttl{flex:1 1 auto;font-weight:var(--font-weight-semibold)}.bar-icon{font-size:var(--font-size-xs);opacity:.95}.bar-icon,.bar-percent{position:relative;z-index:2;flex-shrink:0}.bar-percent{font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);opacity:.9}.bar.status-completed{border-color:rgba(255,255,255,.26);box-shadow:0 0 0 1px rgba(16,185,129,.24),0 8px 18px rgba(16,185,129,.16)}.bar.status-active{box-shadow:0 0 0 1px rgba(59,130,246,.2),0 8px 18px rgba(59,130,246,.16)}.bar.status-overdue{box-shadow:0 0 0 1px rgba(239,68,68,.2),0 8px 18px rgba(239,68,68,.16)}.bar.status-planned{opacity:.95}.bar-progress-track{position:absolute;bottom:0;left:0;right:0;height:var(--size-progress);background:rgba(0,0,0,.18);overflow:hidden;pointer-events:none;z-index:1}.bar-progress-fill,.bar-progress-track{border-radius:0 0 var(--size-bar-radius) var(--size-bar-radius)}.bar-progress-fill{height:100%;background:rgba(255,255,255,.85);transition:width var(--duration-slow) var(--easing-default)}.b-ttl{position:relative;z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-progress-handle{position:absolute;left:0;bottom:2px;width:8px;height:8px;transform:translateX(-50%);border-radius:999px;background:var(--color-surface);border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(0,0,0,.35);cursor:col-resize;z-index:3}.bar-resize-handle{position:absolute;right:4px;top:50%;width:7px;height:18px;transform:translateY(-50%);border-radius:999px;background:rgba(255,255,255,.75);cursor:ew-resize;z-index:2}.bar-tooltip{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;max-width:220px;padding:8px 10px;border-radius:10px;background:rgba(15,23,42,.94);color:white;display:none;flex-direction:column;gap:2px;font-size:11px;box-shadow:0 10px 24px rgba(15,23,42,.24);z-index:10}.bar:hover .bar-tooltip{display:flex}input[type=file]{display:none}@keyframes ovFade{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-ov.open{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;padding:var(--spacing-4);background:rgba(15,23,42,.55);z-index:200;animation:ovFade var(--duration-fast) var(--easing-out)}.modal{display:flex;flex-direction:column;width:min(var(--size-modal-w),100%);max-height:calc(100vh - 2 * var(--spacing-4));max-height:calc(100dvh - 2 * var(--spacing-4));overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);animation:modalIn var(--duration-base) var(--easing-out)}.m-title{flex-shrink:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);padding:var(--spacing-5) var(--spacing-5) 0}.fg{display:grid;grid-gap:var(--spacing-3);gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.fg,.fgrp{min-width:0}.fgrp{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.fgrp.full{grid-column:1/-1}.fgrp label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.fgrp input,.fgrp select,.fgrp textarea{width:100%;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);padding:9px 10px;font:inherit}.fgrp textarea{min-height:84px;resize:vertical}.color-pick,.icon-pick{display:flex;flex-wrap:wrap;gap:var(--spacing-1-5);min-width:0}.cpk,.ipb{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:6px 8px;min-width:36px;min-height:36px}.cpk.on,.ipb.on{outline:2px solid var(--color-accent);outline-offset:1px}.m-foot{flex-shrink:0;display:flex;justify-content:flex-end;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border-subtle)}.m-foot .btn{min-height:40px}.ctx{position:fixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:300;min-width:var(--size-ctx-min-w);padding:var(--spacing-1) 0;animation:faIn var(--duration-fast) var(--easing-default)}.ctx-item{padding:var(--spacing-2) var(--spacing-3-5);font-size:var(--font-size-md);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-2);transition:background var(--duration-fast)}.ctx-item:hover{background:var(--color-surface-hover)}.ctx-item.danger{color:var(--color-danger)}.ctx-sep{height:1px;background:var(--color-border-subtle);margin:var(--spacing-0-5) 0}@keyframes faIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-wrap{position:fixed;bottom:var(--spacing-5);right:var(--spacing-5);z-index:999;display:flex;flex-direction:column;gap:var(--spacing-2)}.toast{background:var(--color-text-primary);color:var(--color-bg);padding:var(--spacing-2-5) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-md);max-width:280px;animation:toastIn var(--duration-base) var(--easing-default)}@keyframes toastIn{0%{opacity:0;transform:translateX(var(--spacing-3-5))}to{opacity:1;transform:translateX(0)}}.empty-st{position:-webkit-sticky;position:sticky;left:0;width:280px;padding:40px var(--spacing-4);text-align:center;color:var(--color-text-tertiary);pointer-events:none}.empty-st svg{width:var(--spacing-10);height:var(--spacing-10);margin-bottom:var(--spacing-2-5);opacity:.3}.empty-st p{font-size:var(--font-size-md);line-height:1.7}.bar,.bar-progress-handle,.bar-resize-handle{touch-action:none}@media (max-width:1366px){:root{--size-sidebar:220px}.hdr-right{gap:var(--spacing-1)}}@media (max-width:1200px){:root{--size-sidebar:200px}.search-box{max-width:180px}}@media (max-width:900px){:root{--size-sidebar:210px}.app-hdr{height:auto;min-height:var(--size-header);flex-wrap:wrap;row-gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3)}.hdiv,.logo-text{display:none}.hdr-right{order:1;width:100%;margin-left:0;flex-wrap:nowrap;overflow-x:auto}.header-nav,.logo{order:2}.header-nav{margin-left:0;flex-wrap:nowrap}.btn-export,.btn-import,.btn-today,.search-box{display:none}.filter-toggle{width:var(--size-icon-btn);padding:0;gap:0}.filter-toggle .btn-icon{display:inline-flex}.add-task-btn,.filter-toggle .btn-label{display:none}.fab-add-task{display:flex;align-items:center;justify-content:center;position:fixed;right:var(--spacing-4);bottom:calc(var(--spacing-4) + env(safe-area-inset-bottom, 0px));z-index:50;width:56px;height:56px;padding:0;border-radius:var(--radius-pill);box-shadow:var(--shadow-lg)}}@media (max-width:640px){:root{--size-sidebar:156px;--size-btn:40px;--size-icon-btn:40px;--size-nav-btn:40px}.period-lbl{min-width:0}.tr-cat-badge,.tr-meta{display:none}.tr-title{font-size:var(--font-size-md)}.add-row,.grid-corner,.task-row{transition:width var(--duration-base) var(--easing-out),padding var(--duration-base) var(--easing-out),border-color var(--duration-base) var(--easing-out);overflow:hidden}.grid-scroll:not(.sidebar-open){--size-sidebar:0px}.grid-scroll.sidebar-open{--size-sidebar:100vw}.grid-scroll.sidebar-open .grid-header-timeline,.grid-scroll.sidebar-open .grid-row{display:none}.grid-scroll:not(.sidebar-open) .add-row,.grid-scroll:not(.sidebar-open) .grid-corner,.grid-scroll:not(.sidebar-open) .task-row{padding-left:0;padding-right:0;border-right-color:transparent}.fp{top:auto;bottom:0;left:0;right:0;width:100%;max-height:75vh;max-height:75dvh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;padding:var(--spacing-4) var(--spacing-4) var(--spacing-6)}.modal-ov.open{align-items:flex-end;padding:0}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal{width:100%;max-width:none;max-height:85vh;max-height:85dvh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation-name:sheetUp}.m-title{padding:var(--spacing-4) var(--spacing-4) 0}.fg{padding:var(--spacing-3) var(--spacing-4)}.m-foot{padding:var(--spacing-3) var(--spacing-4) calc(var(--spacing-4) + env(safe-area-inset-bottom, 0px));display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-2);gap:var(--spacing-2)}.m-foot.m-foot-editing{grid-template-columns:10% 45% 45%}.m-foot .btn{width:100%;min-height:48px;padding-left:var(--spacing-1);padding-right:var(--spacing-1);font-size:var(--font-size-lg)}.btn-delete .btn-label{display:none}.cpk,.ipb{min-width:40px;min-height:40px;padding:var(--spacing-2)}.fgrp input,.fgrp select,.fgrp textarea,.search-box input{font-size:16px}}@media (min-width:2560px){:root{--size-sidebar:300px;--size-row:var(--spacing-14)}.app-hdr{padding:0 var(--spacing-7)}}@media (min-width:3440px){:root{--size-sidebar:360px;--size-header:var(--spacing-16);--size-tl-header:var(--spacing-16);--size-row:var(--spacing-14)}.app-hdr{padding:0 var(--spacing-10)}.logo{font-size:var(--font-size-xl)}}