:root{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #1f2937;--text-muted: #6b7280;--text-faint: #9ca3af;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #dbeafe;--danger: #dc2626;--danger-light: #fecaca;--success: #16a34a;--success-light: #dcfce7;--warning: #f59e0b;--warning-light: #fef3c7;--input-bg: #ffffff;--hover-bg: #f9fafb;--nav-bg: #ffffff}[data-theme=dark]{--bg-primary: #1a2035;--bg-secondary: #0c1018;--bg-tertiary: #232d42;--text-primary: #e6edf3;--text-secondary: #c9d1d9;--text-muted: #8b949e;--text-faint: #56606a;--border-color: #2a3550;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--primary: #58a6ff;--primary-dark: #4a90e0;--primary-light: #1a2d4a;--danger: #f85149;--danger-light: #2d1214;--success: #7ee787;--success-light: #152a1e;--warning: #d29922;--warning-light: #2a2012;--input-bg: #0f1520;--hover-bg: #232d42;--nav-bg: #080c14}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;color:var(--text-secondary);background:var(--bg-secondary);line-height:1.5;transition:background .2s,color .2s}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--text-primary);font-weight:600}h1{font-size:1.25rem}h2{font-size:1.125rem}h3{font-size:1rem}.app-container{min-height:100vh;display:flex;flex-direction:column}.nav-bar{background:var(--nav-bg);border-bottom:1px solid var(--border-color);padding:.5rem 1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow-sm);transition:background .2s,border-color .2s}.nav-bar .nav-brand{font-weight:700;font-size:1.125rem;color:var(--primary);text-decoration:none}.nav-bar .nav-links{display:flex;gap:1rem}.nav-bar .nav-links a{color:var(--text-muted);font-size:.875rem;padding:.25rem .5rem;border-radius:6px;text-decoration:none}.nav-bar .nav-links a:hover,.nav-bar .nav-links a.router-link-active{color:var(--primary);background:var(--primary-light)}.nav-bar .nav-right{margin-left:auto;display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-muted)}.page{flex:1;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-sm);padding:1.5rem;margin-bottom:1rem;transition:background .2s,border-color .2s}.matrix-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.matrix-table{border-collapse:collapse;width:100%;min-width:600px}.matrix-table th,.matrix-table td{border:1px solid var(--border-color);padding:.25rem .5rem;text-align:center;font-size:.875rem;white-space:nowrap}.matrix-table th{background:var(--bg-tertiary);font-weight:600;position:sticky;top:0;z-index:1;color:var(--text-primary)}.matrix-table td:first-child,.matrix-table th:first-child{position:sticky;left:0;background:var(--bg-primary);z-index:2;font-weight:500;text-align:left;min-width:180px;max-width:250px;overflow:hidden;text-overflow:ellipsis}.matrix-table th:first-child{background:var(--bg-tertiary);z-index:3}.matrix-table td:last-child,.matrix-table th:last-child{background:var(--bg-secondary);font-weight:600}.matrix-cell{cursor:pointer;min-width:70px;transition:background .15s}.matrix-cell:hover{background:var(--primary-light)}.matrix-cell--editing{padding:0}.matrix-cell--empty{color:var(--text-faint)}.matrix-cell-input{width:100%;border:2px solid var(--primary);padding:.25rem;text-align:center;font-size:.875rem;font-family:inherit;outline:none;background:var(--input-bg);color:var(--text-primary)}.matrix-sum-row td{font-weight:700;background:var(--bg-tertiary)}.matrix-actual-row td{font-weight:600;background:var(--success-light);color:var(--success)}.matrix-capacity-row td{font-weight:600;background:var(--bg-secondary);color:var(--text-muted)}.week-overloaded{color:var(--danger)!important;background:var(--danger-light)!important}.week-ok{color:var(--success)}.btn{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem;border:1px solid transparent;border-radius:6px;font-size:.875rem;font-family:inherit;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--primary-dark)}.btn--secondary{background:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-color)}.btn--secondary:hover:not(:disabled){background:var(--hover-bg)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){opacity:.9}.btn--sm{padding:.25rem .5rem;font-size:.75rem}.btn--zoho{background:#f0483e;color:#fff;padding:1rem 2rem;font-size:1rem;font-weight:600}.btn--zoho:hover:not(:disabled){background:#d93d34}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.form-input,.form-select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-family:inherit;color:var(--text-primary);background:var(--input-bg);transition:border-color .15s,background .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.form-input--inline{width:auto;display:inline-block}.checkbox-group{display:flex;gap:1rem;flex-wrap:wrap}.checkbox-group label{display:flex;align-items:center;gap:.25rem;cursor:pointer;font-size:.875rem}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.5rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary)}.data-table th{font-weight:600;color:var(--text-muted);background:var(--bg-secondary);white-space:nowrap}.data-table tr:hover td{background:var(--hover-bg)}.data-table .text-right{text-align:right}.data-table .text-center{text-align:center}.progress-bar{width:100%;height:8px;background:var(--border-color);border-radius:4px;overflow:hidden}.progress-bar__fill{height:100%;border-radius:4px;transition:width .3s;background:var(--primary)}.progress-bar__fill--warning{background:var(--warning)}.progress-bar__fill--danger{background:var(--danger)}.progress-bar__fill--success{background:var(--success)}.badge{display:inline-block;padding:2px .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.badge--active{background:var(--success-light);color:var(--success)}.badge--inactive{background:var(--border-color);color:var(--text-muted)}.badge--admin{background:var(--primary-light);color:var(--primary)}.filter-bar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.inline-edit{border:1px solid transparent;padding:2px .25rem;border-radius:6px;background:transparent;font-family:inherit;font-size:.875rem;color:var(--text-secondary);width:80px;text-align:right}.inline-edit:hover{border-color:var(--border-color)}.inline-edit:focus{outline:none;border-color:var(--primary);background:var(--input-bg)}