:root{--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#e8e8ed;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#86868b;--accent:#0071e3;--accent-hover:#0077ed;--success:#34c759;--warning:#ff9500;--danger:#ff3b30;--border:#00000014;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-elevated:0 4px 16px #00000014, 0 2px 6px #0000000a;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-base:16px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-pill:980px;--transition-fast:all .2s cubic-bezier(.25, .1, .25, 1);--transition-base:all .3s cubic-bezier(.25, .1, .25, 1)}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--text-primary:#fff;--text-secondary:#98989d;--text-tertiary:#636366;--accent:#0a84ff;--accent-hover:#409cff;--success:#30d158;--warning:#ff9f0a;--danger:#ff453a;--border:#ffffff1a;--shadow-card:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-elevated:0 4px 16px #00000080, 0 2px 6px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px}body{font-family:var(--font-family);letter-spacing:.023em;color:var(--text-primary);background-color:var(--bg-secondary);transition:background-color var(--transition-base), color var(--transition-base);line-height:1.47}h1{letter-spacing:-.02em;font-size:clamp(28px,4vw,34px);font-weight:600;line-height:1.12}h2{letter-spacing:-.015em;font-size:clamp(22px,3vw,26px);font-weight:600;line-height:1.15}h3{letter-spacing:-.01em;font-size:clamp(17px,2vw,20px);font-weight:500;line-height:1.2}p,span,label,input,textarea,select{letter-spacing:.023em;font-size:15px;line-height:1.47}.caption{letter-spacing:.016em;color:var(--text-secondary);font-size:13px;line-height:1.38}.container{max-width:960px;padding:var(--space-xl) var(--space-xl);margin:0 auto}.page-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-base);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-xl);transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);letter-spacing:.01em;cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-fast), opacity var(--transition-fast);border:none;outline:none;font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.85}.input,.select,.textarea{width:100%;padding:var(--space-sm) var(--space-base);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit;font-size:14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0071e326}.input::placeholder{color:var(--text-tertiary)}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-pill);font-size:12px;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background:#34c7591f}.badge-warning{color:var(--warning);background:#ff95001f}.badge-danger{color:var(--danger);background:#ff3b301f}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{padding:var(--space-sm) var(--space-base);color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--border);font-size:12px;font-weight:500}tbody td{padding:var(--space-md) var(--space-base);border-bottom:1px solid var(--border);vertical-align:middle;font-size:14px}tbody tr:hover{background:var(--bg-secondary)}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);width:90%;max-width:560px;max-height:85vh;overflow-y:auto}.modal-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-xl)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-base);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border);display:flex}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border);width:240px;padding:var(--space-xl) var(--space-base);z-index:100;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--space-xl);padding-left:var(--space-base);font-size:18px;font-weight:600}.sidebar-nav{list-style:none}.sidebar-nav li a{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-base);border-radius:var(--radius-md);color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);font-size:14px;text-decoration:none;display:flex}.sidebar-nav li a:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sidebar-nav li a.active{color:var(--accent);background:#0071e314}.main-content{background:var(--bg-secondary);min-height:100vh;margin-left:240px}.timeline{padding-left:var(--space-xl);position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:7px}.timeline-item{padding-bottom:var(--space-xl);position:relative}.timeline-dot{left:calc(-1 * var(--space-xl) + 3px);background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:4px}.timeline-content{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-base) var(--space-lg)}.kanban-board{gap:var(--space-base);padding-bottom:var(--space-base);display:flex;overflow-x:auto}.kanban-column{flex-shrink:0;min-width:280px;max-width:320px}.kanban-header{padding:var(--space-sm) var(--space-base);margin-bottom:var(--space-base);justify-content:space-between;align-items:center;display:flex}.kanban-count{color:var(--text-secondary);font-size:12px}.kanban-card{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-base) var(--space-lg);margin-bottom:var(--space-sm);cursor:grab;transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.kanban-card:hover{box-shadow:var(--shadow-elevated)}.kanban-card.dragging{opacity:.5;cursor:grabbing}.progress-bar{background:var(--bg-tertiary);border-radius:var(--radius-pill);height:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:var(--radius-pill);height:100%;transition:width var(--transition-base)}@media (width<=768px){.sidebar{transition:transform var(--transition-base);transform:translate(-100%)}.main-content{margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (prefers-reduced-transparency:reduce){.modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0009}}