@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/outfit-latin-ext-wght-normal-5Z2WCAL6.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/outfit-latin-wght-normal-5FXBKKJF.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url("./media/space-mono-vietnamese-400-normal-3RDGMP4G.woff2") format("woff2"),url("./media/space-mono-vietnamese-400-normal-7YNH6K5M.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url("./media/space-mono-latin-ext-400-normal-F5Q3APNN.woff2") format("woff2"),url("./media/space-mono-latin-ext-400-normal-SOUFFOGC.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:400;src:url("./media/space-mono-latin-400-normal-FIR2AEI6.woff2") format("woff2"),url("./media/space-mono-latin-400-normal-WRP6FM7S.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url("./media/space-mono-vietnamese-700-normal-MI5M6VL3.woff2") format("woff2"),url("./media/space-mono-vietnamese-700-normal-OVGXPGZX.woff") format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url("./media/space-mono-latin-ext-700-normal-CGEMRRP5.woff2") format("woff2"),url("./media/space-mono-latin-ext-700-normal-5WBWKATM.woff") format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-display:swap;font-weight:700;src:url("./media/space-mono-latin-700-normal-MN7DYQGK.woff2") format("woff2"),url("./media/space-mono-latin-700-normal-7QN5RRLP.woff") format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary: #09C1BF;--color-primary-light: #3ad6d4;--color-primary-dark: #078f8d;--color-primary-rgb: 9, 193, 191;--color-secondary: #FD7F44;--color-secondary-rgb: 253, 127, 68;--color-accent: #FCCE5F;--color-accent-rgb: 252, 206, 95;--color-success: #10b981;--color-danger: #FD7F44;--color-danger-text: #ffb08c;--color-bg: #0B1724;--color-bg-dark: #0E1D2C;--color-surface-1: #11202F;--color-surface-2: #162839;--color-surface-3: #1C3146;--color-surface-hover: rgba(255, 255, 255, .04);--color-surface-active: rgba(var(--color-primary-rgb), .12);--color-text-primary: #EAF0F6;--color-text-secondary: #A5B4C4;--color-text-tertiary: #72859A;--color-text-on-primary: #06232A;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-border-accent: rgba(var(--color-primary-rgb), .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 6px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .45);--focus-ring: 0 0 0 3px rgba(var(--color-primary-rgb), .35);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 9999px;--transition-fast: .12s ease;--transition-base: .2s ease;--font-primary: "Outfit Variable", "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Space Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--z-sidebar: 900;--z-topbar: 850;--z-modal: 1050;--z-toast: 1100;--topbar-h: 0px;--content-pad: 1.75rem}@media(max-width:768px){:root{--topbar-h: 56px;--content-pad: 1rem}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}body{font-family:var(--font-primary);font-size:.9375rem;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4{font-weight:600;line-height:1.25;color:var(--color-text-primary)}p{color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}button{font-family:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}::selection{background:rgba(var(--color-primary-rgb),.35)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mono,.timer-digits{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:38px;padding:0 .95rem;font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:var(--color-text-on-primary);background:var(--color-primary);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-primary-light)}.btn-secondary{color:var(--color-text-primary);background:var(--color-surface-2);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-3)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-surface-hover)}.btn-danger{color:var(--color-danger-text);background:rgba(var(--color-secondary-rgb),.1);border-color:rgba(var(--color-secondary-rgb),.3)}.btn-danger:hover:not(:disabled){background:rgba(var(--color-secondary-rgb),.18)}.btn-sm{height:32px;padding:0 .7rem;font-size:.8125rem;border-radius:var(--radius-sm)}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:32px}.btn-block{width:100%}.timer-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-shrink:0;border:1px solid transparent;cursor:pointer;font-weight:600;transition:background var(--transition-fast),transform var(--transition-fast)}.timer-toggle:active{transform:scale(.96)}.timer-toggle.is-start{color:var(--color-text-on-primary);background:var(--color-primary)}.timer-toggle.is-start:hover{background:var(--color-primary-light)}.timer-toggle.is-stop{color:var(--color-danger-text);background:rgba(var(--color-secondary-rgb),.14);border-color:rgba(var(--color-secondary-rgb),.4)}.timer-toggle.is-stop:hover{background:rgba(var(--color-secondary-rgb),.24)}.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.field-label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary)}.field-hint{font-size:.75rem;color:var(--color-text-tertiary)}.field-error{font-size:.8125rem;color:var(--color-danger-text)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.input{width:100%;min-height:40px;padding:.55rem .75rem;font-family:inherit;font-size:.9375rem;color:var(--color-text-primary);background:var(--color-surface-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--color-text-tertiary)}.input:hover{border-color:#ffffff38}.input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.input.is-invalid{border-color:rgba(var(--color-secondary-rgb),.7)}textarea.input{resize:vertical;min-height:84px;line-height:1.5}select.input{cursor:pointer}.color-swatches{display:flex;flex-wrap:wrap;gap:.5rem}.color-swatch{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #0003;transition:transform var(--transition-fast)}.color-swatch:hover{transform:scale(1.08)}.color-swatch.is-selected{border-color:var(--color-text-primary);box-shadow:0 0 0 3px var(--color-surface-2),0 0 0 5px #ffffff59}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--color-surface-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-md)}.segmented button{height:30px;padding:0 .8rem;font-size:.8125rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;border-radius:7px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.segmented button:hover{color:var(--color-text-primary)}.segmented button.is-active{color:var(--color-text-on-primary);background:var(--color-primary)}.modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1rem;background:#03090fb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .12s ease-out}.modal{display:flex;flex-direction:column;width:100%;max-width:480px;max-height:calc(100vh - 2rem);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:modalIn .16s ease-out}.modal-lg{max-width:620px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem .9rem;border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.125rem;font-weight:600;overflow-wrap:anywhere}.modal-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.9rem 1.25rem;border-top:1px solid var(--color-border)}.modal-footer .spacer{flex:1}.page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1.5rem}.page-heading{display:flex;align-items:stretch;gap:.85rem;min-width:0}.page-color-bar{width:4px;border-radius:var(--radius-full);flex-shrink:0}.page-eyebrow{display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.2rem}.page-title{font-size:1.75rem;font-weight:650;letter-spacing:-.01em;overflow-wrap:anywhere}.page-subtitle{margin-top:.2rem;font-size:.9375rem;color:var(--color-text-secondary);overflow-wrap:anywhere}.page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.panel{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.chip{display:inline-flex;align-items:center;gap:.35rem;height:22px;padding:0 .5rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background:#ffffff0f;border-radius:var(--radius-full);white-space:nowrap}.chip-live{color:var(--color-accent);background:rgba(var(--color-accent-rgb),.12)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 rgba(var(--color-accent-rgb),.6);animation:livePulse 1.6s ease-out infinite;flex-shrink:0}.priority-chip{display:inline-flex;align-items:center;gap:.3rem;height:22px;padding:0 .5rem;font-size:.72rem;font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.priority-chip.p-low{color:#7fe3e1;background:rgba(var(--color-primary-rgb),.12)}.priority-chip.p-medium{color:var(--color-accent);background:rgba(var(--color-accent-rgb),.12)}.priority-chip.p-high{color:#ffab85;background:rgba(var(--color-secondary-rgb),.15)}.priority-chip.p-critical{color:#fff;background:rgba(var(--color-secondary-rgb),.55)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:3rem 1.5rem;text-align:center;color:var(--color-text-secondary)}.empty-state h2,.empty-state h3{font-size:1.125rem}.empty-state p{max-width:380px;margin-bottom:.5rem}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:.25rem;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1);border-radius:var(--radius-lg)}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,var(--color-surface-1) 0%,var(--color-surface-2) 50%,var(--color-surface-1) 100%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes livePulse{0%{box-shadow:0 0 rgba(var(--color-accent-rgb),.55)}70%{box-shadow:0 0 0 6px rgba(var(--color-accent-rgb),0)}to{box-shadow:0 0 rgba(var(--color-accent-rgb),0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff29;border:2px solid transparent;background-clip:padding-box;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:#ffffff47}@media(max-width:768px){.page-header{align-items:flex-start;margin-bottom:1.1rem}.page-title{font-size:1.4rem}.page-actions{width:100%}}@media(max-width:560px){.field-row{grid-template-columns:1fr}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-width:none;max-height:92vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}}