*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg: #f7f7f6;--c-surface: #ffffff;--c-border: #e4e3df;--c-text: #1c1c1a;--c-text-muted:#6b6b67;--c-accent: #534ab7;--c-accent-lt: #eeedfe;--c-green: #0f6e56;--c-green-lt: #e1f5ee;--c-blue: #185fa5;--c-blue-lt: #e6f1fb;--c-gray-lt: #f1efe8;--c-red: #a32d2d;--c-red-lt: #fcebeb;--radius: 8px;--radius-lg: 12px;--sidebar-w: 220px;font-family:system-ui,-apple-system,sans-serif;font-size:14px;color:var(--c-text)}@media (prefers-color-scheme: dark){:root{--c-bg: #1a1a18;--c-surface: #242422;--c-border: #363632;--c-text: #e8e6df;--c-text-muted:#8a8880;--c-accent: #9f97e8;--c-accent-lt: #26215c;--c-green-lt: #04342c;--c-blue-lt: #042c53;--c-gray-lt: #2c2c2a;--c-red-lt: #501313}}@keyframes spin{to{transform:rotate(360deg)}}body{background:var(--c-bg);line-height:1.6}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100dvh}.sidebar{background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;padding:24px 0;position:sticky;top:0;height:100dvh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:0 20px 24px;border-bottom:1px solid var(--c-border)}.sidebar__logo{background:var(--c-accent);color:#fff;font-weight:600;font-size:13px;width:32px;height:32px;border-radius:var(--radius);display:grid;place-items:center;flex-shrink:0}.sidebar__name{font-weight:500;font-size:15px}.sidebar__nav{list-style:none;padding:12px 10px 0;display:flex;flex-direction:column;gap:2px}.sidebar__link{display:block;padding:8px 12px;border-radius:var(--radius);text-decoration:none;color:var(--c-text-muted);font-size:14px;transition:background .15s,color .15s}.sidebar__link:hover{background:var(--c-gray-lt);color:var(--c-text)}.sidebar__link--active{background:var(--c-accent-lt);color:var(--c-accent);font-weight:500}.main-content{padding:32px;max-width:1280px}.page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.page-header h1{font-size:22px;font-weight:500}.page-header__controls{display:flex;gap:10px;flex-wrap:wrap}.page-description{color:var(--c-text-muted);max-width:60ch}h1{font-size:22px;font-weight:500}h2{font-size:16px;font-weight:500}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;flex-direction:column;gap:4px}.stat-card--accent{border-color:var(--c-accent)}.stat-card__label{font-size:12px;color:var(--c-text-muted)}.stat-card__value{font-size:24px;font-weight:500}.stat-card__sub{font-size:12px;color:var(--c-text-muted)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:20px 24px;display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;align-items:end}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--c-text-muted)}input,select{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:7px 10px;font-size:14px;color:var(--c-text);width:100%;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--c-accent)}.field-error{color:var(--c-red);font-size:13px;grid-column:1/-1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:opacity .15s,background .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--c-accent);color:#fff}.btn--primary:hover:not(:disabled){opacity:.88}.btn--ghost{background:transparent;border-color:var(--c-border);color:var(--c-text-muted)}.btn--ghost:hover:not(:disabled){background:var(--c-gray-lt)}.btn--sm{padding:4px 8px;font-size:12px}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--c-border)}table{width:100%;border-collapse:collapse;background:var(--c-surface);font-size:13px}th{text-align:left;padding:10px 14px;background:var(--c-gray-lt);font-weight:500;white-space:nowrap;border-bottom:1px solid var(--c-border);color:var(--c-text-muted);font-size:12px}td{padding:9px 14px;border-bottom:1px solid var(--c-border);white-space:nowrap}tr:last-child td{border-bottom:none}tr:hover td{background:var(--c-gray-lt)}.name-cell{font-weight:500;min-width:180px;white-space:normal}.project-cell{min-width:240px;white-space:normal}.date-cell{color:var(--c-text-muted)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500}.badge--green{background:var(--c-green-lt);color:var(--c-green)}.badge--blue{background:var(--c-blue-lt);color:var(--c-blue)}.badge--gray{background:var(--c-gray-lt);color:var(--c-text-muted)}.util-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500}.util--high{background:var(--c-green-lt);color:#ccc}.util--mid{background:var(--c-blue-lt);color:#ccc}.util--low{background:var(--c-red-lt);color:#ccc}.employee-list{list-style:none;display:flex;flex-direction:column;gap:0}.employee-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:0;border-bottom:none;gap:12px}.employee-row:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.employee-row:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-bottom:1px solid var(--c-border)}.employee-row:only-child{border-radius:var(--radius-lg);border-bottom:1px solid var(--c-border)}.employee-row>div{display:flex;flex-direction:column;gap:2px}.employee-row strong{font-size:14px}.month-picker,.emp-select{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:7px 10px;font-size:14px;color:var(--c-text)}.import-card{max-width:480px}.dropzone{border:2px dashed var(--c-border);border-radius:var(--radius-lg);padding:40px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--c-accent);background:var(--c-accent-lt)}.dropzone__prompt{color:var(--c-text-muted)}.dropzone__filename{color:var(--c-accent);font-weight:500}.import-result{background:var(--c-green-lt);border-radius:var(--radius);padding:14px 18px;display:flex;flex-direction:column;gap:8px}.import-result__title{font-weight:500;color:var(--c-green)}.import-result ul{list-style:none;display:flex;flex-direction:column;gap:4px}.import-result li{font-size:13px;color:var(--c-text-muted)}.import-result li:before{content:"✓ ";color:var(--c-green)}.error-banner{background:var(--c-red-lt);color:var(--c-red);border-radius:var(--radius);padding:12px 16px;font-size:13px}.empty-state{color:var(--c-text-muted);font-size:14px}.center{display:flex;justify-content:center;padding:40px}.text-muted{color:var(--c-text-muted);font-size:12px}