:root{--color-primary-50: #ecf5ed;--color-primary-100: #d3e8d4;--color-primary-200: #a7d1a9;--color-primary-300: #7aba7e;--color-primary-400: #4e9e51;--color-primary-500: #2C5F2D;--color-primary-600: #245024;--color-primary-700: #1A3F1A;--color-primary-800: #122E12;--color-primary-900: #0A1E0A;--color-secondary-500: #507F50;--color-secondary-600: #426B42;--color-secondary-700: #345634;--color-accent-50: #fff8e6;--color-accent-100: #ffefbf;--color-accent-300: #ffd980;--color-accent-500: #FFC857;--color-accent-600: #e0ad3a;--color-accent-700: #c49520;--color-orange-500: #E9724C;--color-orange-600: #d4602e;--color-orange-100: #fce8e0;--color-blue-500: #30638E;--color-blue-600: #275275;--color-blue-100: #dfe9f2;--color-neutral-0: #ffffff;--color-neutral-50: #f8f9fa;--color-neutral-100: #f0f2f1;--color-neutral-200: #e2e5e3;--color-neutral-300: #c9cecb;--color-neutral-400: #a3aaa6;--color-neutral-500: #767e79;--color-neutral-600: #565d59;--color-neutral-700: #3d423f;--color-neutral-800: #282c2a;--color-neutral-900: #171a18;--color-danger: #b3362b;--color-warning: #c49520;--color-success: #2C5F2D;--color-info: #30638E;--surface-page: #F9FAFB;--surface-card: var(--color-neutral-0);--surface-sidebar: #1E1E1E;--border-subtle: var(--color-neutral-200);--text-primary: #101010;--text-secondary: #475569;--text-muted: #767e79;--text-on-dark: #F8F8F8;--text-on-dark-muted: #9aa39e;--text-heading: #2C3E50;--font-heading: "Barlow", sans-serif;--font-body: "Open Sans", sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-btn: 5px;--shadow-sm: 0 1px 2px rgb(16 16 16 / .06);--shadow-md: 0 2px 8px rgb(16 16 16 / .08);--sidebar-width: 240px;--topbar-height: 56px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-heading)}h1{font-size:2rem;line-height:1;font-weight:var(--weight-bold)}h2{font-size:1.5rem;line-height:1.15;font-weight:var(--weight-bold)}h3{font-size:1.25rem;line-height:1.35;font-weight:var(--weight-bold)}h4{font-size:var(--text-md);line-height:1.5;font-weight:var(--weight-semibold)}a{color:var(--color-primary-500);text-decoration:none}a:hover{color:var(--color-primary-700)}button{font:inherit}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100%;transition:grid-template-columns .2s ease}.sidebar{background:var(--surface-sidebar);color:var(--text-on-dark);display:flex;flex-direction:column;padding:var(--space-4) var(--space-3);overflow-y:auto;transition:padding .2s ease,width .2s ease}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--text-on-dark)}.sidebar-brand img{flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border-left:3px solid transparent;color:var(--text-on-dark-muted);font-size:var(--text-base);font-weight:var(--weight-medium);transition:background .15s ease,color .15s ease,border-color .15s ease}.nav-link:hover{color:var(--text-on-dark);background:#2c5f2d33}.nav-link.active{color:var(--text-on-dark);background:#2c5f2d40;border-left-color:var(--color-primary-400)}.main-column{display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);padding:0 var(--space-6);background:var(--surface-card);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.user-menu{display:flex;align-items:center;gap:var(--space-3)}.user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-500);color:#fff;display:grid;place-items:center;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.icon-button:hover{background:var(--color-neutral-100);color:var(--text-primary)}.page-content{flex:1;overflow-y:auto;padding:var(--space-8) var(--space-8)}.page-header{margin-bottom:var(--space-6)}.page-title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--text-heading)}.page-description{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-base)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.card:last-child{margin-bottom:0}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);color:var(--text-muted);text-align:center}.empty-state svg{color:var(--color-primary-300)}.auth-screen{height:100%;display:grid;place-items:center;background:var(--surface-page)}.auth-card{width:360px;display:flex;flex-direction:column;gap:var(--space-4);text-align:center}.button-primary{padding:10px 15px;border:none;border-radius:var(--radius-btn);background:var(--color-primary-500);color:#fff;font-weight:var(--weight-medium);cursor:pointer;transition:background .15s ease}.button-primary:hover{background:var(--color-primary-700)}.app-shell.sidebar-collapsed{grid-template-columns:64px 1fr}.app-shell.sidebar-collapsed .sidebar-label{display:none}.app-shell.sidebar-collapsed .sidebar{padding:var(--space-4) var(--space-2);align-items:center}.app-shell.sidebar-collapsed .nav-link,.app-shell.sidebar-collapsed .sidebar-collapse-toggle{justify-content:center;width:40px;border-left:none}.app-shell.sidebar-collapsed .nav-link.active{border-left:none;border-radius:var(--radius-md)}.app-shell.sidebar-collapsed .sidebar-brand{justify-content:center}.sidebar-collapse-toggle{margin-top:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-on-dark-muted);font-size:var(--text-sm);cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar-collapse-toggle:hover{color:var(--text-on-dark);background:#2c5f2d33}@media (max-width: 900px){.app-shell{grid-template-columns:64px 1fr}.app-shell .sidebar-label{display:none}.app-shell .sidebar{padding:var(--space-4) var(--space-2);align-items:center}.app-shell .nav-link,.app-shell .sidebar-collapse-toggle{justify-content:center;width:40px;border-left:none}.page-content{padding:var(--space-4)}}.user-identity{display:flex;flex-direction:column;line-height:1.25}.user-email{font-size:var(--text-xs);color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 15px;border:1px solid transparent;border-radius:var(--radius-btn);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn-sm{padding:8px 12px;font-size:var(--text-sm)}.btn-primary{background:var(--color-primary-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-700)}.btn-secondary{background:var(--surface-card);border-color:var(--color-neutral-300);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--color-neutral-100);border-color:var(--color-neutral-400)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--text-primary)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-btn);background:var(--surface-card);color:var(--text-primary);font:inherit;font-size:var(--text-base);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-50)}.select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.textarea{resize:vertical;min-height:72px}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-grid .field{margin-bottom:0}.field-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:2px}.field-required{color:var(--color-danger);margin-left:2px}.field-error{font-size:var(--text-xs);color:var(--color-danger)}.field-hint{font-size:var(--text-xs);color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.form-grid .field-span-2{grid-column:span 2}.form-error{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#fbeeec;color:var(--color-danger);font-size:var(--text-sm)}.card-flush{padding:0}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.card-flush .card-header{padding:var(--space-4) var(--space-6) var(--space-3)}.card-title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--text-heading)}.card-description{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.card-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:999px;font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap}.badge-neutral{background:var(--color-neutral-100);color:var(--color-neutral-700)}.badge-green{background:var(--color-primary-50);color:var(--color-primary-700)}.badge-amber{background:var(--color-accent-50);color:var(--color-accent-700)}.badge-red{background:var(--color-orange-100);color:var(--color-orange-600)}.badge-blue{background:var(--color-blue-100);color:var(--color-blue-600)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.table th{text-align:left;padding:12px 16px;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:#f8f9fa;border-bottom:1px solid var(--border-subtle)}.table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.row-clickable{cursor:pointer}.table tbody tr.row-clickable:hover,.table tbody tr:hover{background:var(--color-neutral-50)}.table .cell-muted{color:var(--text-muted)}.table .cell-mono{font-family:var(--font-mono);font-size:var(--text-sm)}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-subtle)}.table-pagination-info{font-size:var(--text-sm);color:var(--text-muted)}.table-pagination-controls{display:flex;gap:var(--space-2)}.toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.toolbar .toolbar-search{max-width:320px}.toolbar .toolbar-spacer{flex:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10101073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:var(--space-6);z-index:50}.modal-panel{width:100%;max-width:560px;max-height:calc(100vh - var(--space-16));overflow-y:auto;background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);outline:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6) 0}.modal-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--text-heading)}.modal-body{padding:var(--space-5) var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:0 var(--space-6) var(--space-5)}.empty-state-title{font-family:var(--font-heading);font-weight:var(--weight-medium);color:var(--text-secondary)}.empty-state-description{font-size:var(--text-sm);max-width:360px}.spinner{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary-500);font-size:var(--text-sm)}.page-loading{display:grid;place-items:center;padding:var(--space-16)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{display:flex;flex-direction:column;gap:var(--space-1)}.stat-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--color-primary-500)}.stat-detail{font-size:var(--text-sm);color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-4);align-items:start}@media (max-width: 1100px){.dashboard-grid{grid-template-columns:1fr}}.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle)}.activity-item:last-child{border-bottom:none}.activity-item svg{color:var(--color-primary-400);flex-shrink:0}.activity-body{min-width:0;flex:1}.activity-title{font-weight:var(--weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{font-size:var(--text-xs);color:var(--text-muted)}.breakdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--text-base)}.breakdown-count{font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-2);align-items:start}.kanban-column{background:var(--color-neutral-100);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-height:120px}.kanban-column-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:0 var(--space-1) var(--space-2);border-bottom:2px solid var(--color-primary-300)}.kanban-column-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary)}.kanban-column-total{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.kanban-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow .15s ease}.kanban-card:hover{box-shadow:var(--shadow-md)}.kanban-card-name{font-weight:var(--weight-medium);font-size:var(--text-base)}.kanban-card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.kanban-card-actions{display:flex;justify-content:space-between;gap:var(--space-2)}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-title-group{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-3);color:var(--color-primary-500)}.back-link:hover{color:var(--color-primary-700)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4) var(--space-6)}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.detail-value{font-size:var(--text-base)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}