:root{--palette-teal: #88afc0;--palette-teal-hover: #a3c5d4;--palette-teal-dim: #6893a6;--palette-charcoal: #3e505b;--palette-slate: #283d4a;--palette-carbon: #1a1f24;--palette-onyx: #0a1014;--color-primary: var(--palette-teal);--color-primary-hover: var(--palette-teal-hover);--color-primary-light: rgba(136, 175, 192, .15);--color-bg: var(--palette-onyx);--color-surface: var(--palette-carbon);--color-surface-elevated: var(--palette-slate);--color-text: #e0e6eb;--color-text-muted: #8a9baa;--color-text-light: #5c7080;--color-border: #283540;--color-border-light: #1e2a33;--color-danger: #f87171;--color-danger-hover: #ef4444;--color-danger-bg: rgba(248, 113, 113, .1);--color-success: #4ade80;--color-warning: #fbbf24;--color-today-bg: rgba(136, 175, 192, .08);--color-focus-ring: rgba(136, 175, 192, .25);--priority-1: #7a8d99;--priority-2: #60a5fa;--priority-3: #fbbf24;--priority-4: #fb923c;--priority-5: #f87171;--status-todo: #7a8d99;--status-in-progress: var(--palette-teal);--status-done: #4ade80;--nav-height: 3.5rem;--content-max-width: 1200px;--sidebar-width: 320px;--radius: .5rem;--radius-sm: .25rem;--shadow: 0 1px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text);background:var(--color-bg);color-scheme:dark}body{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.75rem;font-weight:700;line-height:1.2}h2{font-size:1.375rem;font-weight:600;line-height:1.3}h3{font-size:1.125rem;font-weight:600}input,select,textarea{font-family:inherit;font-size:.875rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text);width:100%;transition:border-color .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}input::placeholder,textarea::placeholder{color:var(--color-text-light)}input[type=color]{width:3rem;height:2.25rem;padding:.25rem;cursor:pointer;border:1px solid var(--color-border)}input[type=date]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)}select{appearance:auto}option{background:var(--color-surface-elevated);color:var(--color-text)}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--color-text)}textarea{min-height:5rem;resize:vertical}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-family:inherit;font-size:.875rem;font-weight:500;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s;text-decoration:none}.btn-primary{background:var(--color-primary);color:var(--palette-onyx);font-weight:600}.btn-primary:hover{background:var(--color-primary-hover);text-decoration:none}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--palette-charcoal)}.btn-danger{background:var(--color-danger);color:var(--palette-onyx);font-weight:600}.btn-danger:hover{background:var(--color-danger-hover)}.btn-ghost{background:transparent;color:var(--color-text-muted);border:none;padding:.375rem .5rem}.btn-ghost:hover{background:var(--color-surface-elevated);color:var(--color-text)}.btn-sm{font-size:.8125rem;padding:.25rem .625rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.card:hover{box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;line-height:1.5}.form-group{margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.form-error{color:var(--color-danger);font-size:.875rem;margin-top:.5rem;padding:.5rem .75rem;background:var(--color-danger-bg);border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm)}.form-hint{font-size:.8125rem;color:var(--color-text-muted);margin-top:.25rem}.text-muted{color:var(--color-text-muted)}.form-readonly{margin:0;padding:.5rem 0;color:var(--color-text);font-size:.9375rem}.estimated-time-group label{display:block;margin-bottom:.25rem}.estimated-time-inputs{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.estimated-time-inputs input{width:4rem;min-width:3rem;text-align:right}.estimated-time-unit{font-size:.875rem;color:var(--color-text-muted);font-weight:500;margin-right:.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.75rem}.page-header h1{margin:0}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--color-text-muted)}.empty-state h3{margin-bottom:.5rem;color:var(--color-text)}.empty-state p{margin-bottom:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--palette-charcoal)}@media(max-width:768px){.form-row{grid-template-columns:1fr}}