:root{--ct-font-primary: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ct-font-secondary: "Noto Sans", "Inter", system-ui, sans-serif;--ct-fs-h1: 60px;--ct-lh-h1: 67px;--ct-fs-h2: 50px;--ct-lh-h2: 57px;--ct-fs-h3: 40px;--ct-lh-h3: 47px;--ct-fs-h4: 30px;--ct-lh-h4: 37px;--ct-fs-h5: 24px;--ct-lh-h5: 31px;--ct-fs-body-lg: 22px;--ct-lh-body-lg: 31px;--ct-fs-body: 16px;--ct-lh-body: 24px;--ct-fs-stat-xl: 80px;--ct-lh-stat-xl: 1;--ct-fs-small: 14px;--ct-fw-regular: 400;--ct-fw-medium: 500;--ct-fw-semibold: 600;--ct-fw-bold: 700;--ct-fw-extrabold: 800;--ct-fw-black: 900;--ct-red: #C8102E;--ct-black: #20282F;--ct-body: #50595E;--ct-grey-dark: #969696;--ct-grey-medium: #E2E2E2;--ct-grey-light: #F4F4F4;--ct-white: #FFFFFF;--ct-bg: var(--ct-white);--ct-surface: var(--ct-white);--ct-surface-muted: var(--ct-grey-light);--ct-text: var(--ct-black);--ct-text-muted: var(--ct-body);--ct-border: var(--ct-grey-medium);--ct-orange: #CF4400;--ct-raspberry: #A11661;--ct-grape: #7D1D7E;--ct-plum: #4E25A1;--ct-gradient: linear-gradient(135deg, var(--ct-orange) 0%, var(--ct-red) 25%, var(--ct-raspberry) 50%, var(--ct-grape) 75%, var(--ct-plum) 100% );--ct-cool-grey: #CCD5D9;--ct-warm-beige: #EFE6D5;--ct-highlight-red: #F1C7B2;--ct-highlight-plum: #CABDE3;--ct-shadow-red: #9B3300;--ct-shadow-raspberry: #791049;--ct-shadow-grape: #5E165E;--ct-shadow-plum: #3A1C79;--ct-clip-sq: 4px 4px 4px 4px;--ct-clip-sm: 4px 8px 8px 8px;--ct-clip-md: 4px 16px 16px 16px;--ct-clip-lg: 4px 24px 24px 24px;--ct-clip-xl: 4px 32px 32px 32px;--ct-radius-sm: 8px;--ct-radius-md: 16px;--ct-radius-lg: 24px;--ct-radius-xl: 32px;--ct-space-1: 4px;--ct-space-2: 8px;--ct-space-3: 16px;--ct-space-4: 24px;--ct-space-5: 32px;--ct-space-6: 48px;--ct-space-7: 64px}html{font-family:var(--ct-font-primary);background:var(--ct-bg);font-size:var(--ct-fs-body);line-height:var(--ct-lh-body)}body{background:var(--ct-bg);color:var(--ct-text-muted)}h1,h2,h3,h4,h5{color:var(--ct-text);margin:0 0 var(--ct-space-3)}h1{font-weight:var(--ct-fw-bold);font-size:var(--ct-fs-h1);line-height:var(--ct-lh-h1)}h2{font-weight:var(--ct-fw-bold);font-size:var(--ct-fs-h2);line-height:var(--ct-lh-h2)}h3{font-weight:var(--ct-fw-bold);font-size:var(--ct-fs-h3);line-height:var(--ct-lh-h3)}h4{font-weight:var(--ct-fw-semibold);font-size:var(--ct-fs-h4);line-height:var(--ct-lh-h4)}h5{font-weight:var(--ct-fw-semibold);font-size:var(--ct-fs-h5);line-height:var(--ct-lh-h5)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:264px 1fr;min-height:100vh}.sidebar{background:var(--ct-black);color:var(--ct-white);padding:var(--ct-space-5) var(--ct-space-4);display:flex;flex-direction:column;gap:var(--ct-space-5)}.sidebar__brand{font-family:var(--ct-font-primary);font-weight:var(--ct-fw-black);font-size:28px;letter-spacing:.5px}.sidebar__brand span{color:var(--ct-red)}.sidebar__nav{display:flex;flex-direction:column;gap:var(--ct-space-2)}.sidebar__link{display:flex;align-items:center;gap:var(--ct-space-2);padding:12px var(--ct-space-3);border-radius:var(--ct-clip-sm);font-weight:var(--ct-fw-medium);color:var(--ct-cool-grey);transition:background-color .12s ease,color .12s ease}.sidebar__link:hover{background:#ffffff14;color:var(--ct-white)}.sidebar__link.is-active{background:var(--ct-red);color:var(--ct-white)}.main{padding:var(--ct-space-6);overflow-x:auto}.page-head{margin-bottom:var(--ct-space-5)}.page-head h1,.page-head h2{margin-bottom:var(--ct-space-1)}.page-head .subtitle{color:var(--ct-text-muted)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--ct-space-4)}.project-card{background:var(--ct-surface);border:1px solid var(--ct-border);border-radius:var(--ct-clip-lg);padding:var(--ct-space-4);box-shadow:0 1px 3px #20282f14;cursor:pointer;transition:transform 80ms ease,box-shadow .12s ease;display:flex;flex-direction:column;gap:var(--ct-space-2)}.project-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #20282f1f}.project-card__name{font-weight:var(--ct-fw-semibold);font-size:18px;color:var(--ct-text)}.project-card__status{font-size:var(--ct-fs-small);color:var(--ct-text-muted)}.ct-tag{display:inline-block;font-weight:var(--ct-fw-medium);font-size:var(--ct-fs-small);padding:4px 10px;border-radius:var(--ct-clip-sq);background:var(--ct-surface-muted);color:var(--ct-text);width:fit-content}.ct-tag--accent{background:var(--ct-red);color:var(--ct-white)}.ct-btn{font-family:var(--ct-font-secondary);font-weight:var(--ct-fw-medium);font-size:var(--ct-fs-body);padding:10px 20px;border-radius:var(--ct-clip-md);border:none;cursor:pointer;transition:background-color .12s ease,transform 80ms ease}.ct-btn--primary{background:var(--ct-red);color:var(--ct-white)}.ct-btn--primary:hover{background:var(--ct-shadow-red)}.ct-btn--primary:active{transform:translateY(1px)}.ct-btn--secondary{background:transparent;color:var(--ct-red);border:2px solid var(--ct-red)}.ct-btn--secondary:hover{background:var(--ct-highlight-red)}.ct-btn--ghost{background:transparent;color:var(--ct-text-muted)}.ct-btn--ghost:hover{background:var(--ct-surface-muted)}.board{display:flex;gap:var(--ct-space-4);align-items:flex-start;padding-bottom:var(--ct-space-4)}.board-column{background:var(--ct-surface-muted);border-radius:var(--ct-clip-lg);padding:var(--ct-space-3);min-width:288px;max-width:288px;display:flex;flex-direction:column;gap:var(--ct-space-2)}.board-column.is-drop-target{outline:2px dashed var(--ct-red);outline-offset:-2px}.board-column__head{display:flex;justify-content:space-between;align-items:center;font-weight:var(--ct-fw-semibold);color:var(--ct-text);padding:var(--ct-space-1) var(--ct-space-2)}.board-column__count{font-size:var(--ct-fs-small);color:var(--ct-text-muted);background:var(--ct-white);border-radius:var(--ct-clip-sq);padding:2px 8px}.task-card{background:var(--ct-surface);border:1px solid var(--ct-border);border-radius:var(--ct-clip-sm);padding:var(--ct-space-3);cursor:grab;display:flex;flex-direction:column;gap:var(--ct-space-2);box-shadow:0 1px 2px #20282f0f}.task-card:active{cursor:grabbing}.task-card__name{font-weight:var(--ct-fw-medium);color:var(--ct-text)}.task-card.is-completed .task-card__name{text-decoration:line-through;color:var(--ct-grey-dark)}.task-card__meta{display:flex;align-items:center;gap:var(--ct-space-2);font-size:var(--ct-fs-small);color:var(--ct-text-muted);flex-wrap:wrap}.task-card__milestone{font-size:var(--ct-fs-small);font-weight:var(--ct-fw-semibold);color:var(--ct-plum)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#20282f8c;display:flex;align-items:center;justify-content:center;padding:var(--ct-space-4);z-index:10}.modal{background:var(--ct-surface);border-radius:var(--ct-clip-lg);padding:var(--ct-space-5);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ct-space-4)}.modal__head{display:flex;justify-content:space-between;align-items:flex-start}.modal__actions{display:flex;justify-content:flex-end;gap:var(--ct-space-2)}.ct-field{display:flex;flex-direction:column;gap:var(--ct-space-1)}.ct-field__label{font-size:var(--ct-fs-small);font-weight:var(--ct-fw-medium);color:var(--ct-text)}.ct-field__input,.ct-field__textarea{font-family:var(--ct-font-primary);font-size:var(--ct-fs-body);padding:10px 12px;border:1px solid var(--ct-border);border-radius:var(--ct-clip-sm);background:var(--ct-surface);color:var(--ct-text)}.ct-field__input:focus,.ct-field__textarea:focus{outline:2px solid var(--ct-red);outline-offset:1px}.ct-field__textarea{min-height:120px;resize:vertical}.ct-checkbox{display:flex;align-items:center;gap:var(--ct-space-2);font-weight:var(--ct-fw-medium);color:var(--ct-text)}.state{padding:var(--ct-space-6);text-align:center;color:var(--ct-text-muted)}.state--error{color:var(--ct-red)}.back-link{display:inline-flex;align-items:center;gap:var(--ct-space-1);color:var(--ct-text-muted);font-weight:var(--ct-fw-medium);margin-bottom:var(--ct-space-3)}.back-link:hover{color:var(--ct-red)}