:root{--color-page: #f6f8fb;--color-surface: #ffffff;--color-surface-muted: #f9fbff;--color-elevated: #ffffff;--color-border: #dbe3ef;--color-border-strong: #c7d2e2;--color-text: #172033;--color-muted: #667085;--color-subtle: #8a96a8;--color-primary: #2563eb;--color-primary-strong: #1d4ed8;--color-primary-soft: #eaf1ff;--color-warning: #d97706;--color-warning-soft: #fff7ed;--color-danger: #dc2626;--color-danger-soft: #fef2f2;--color-success: #15803d;--color-success-soft: #ecfdf3;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 8px 24px rgba(16, 24, 40, .08);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--header-height: 64px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--color-page: #0f172a;--color-surface: #182235;--color-surface-muted: #111a2b;--color-elevated: #202b3f;--color-border: #334155;--color-border-strong: #475569;--color-text: #e5edf7;--color-muted: #a6b3c4;--color-subtle: #7d8aa0;--color-primary: #60a5fa;--color-primary-strong: #93c5fd;--color-primary-soft: rgba(96, 165, 250, .16);--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .16);--color-danger: #f87171;--color-danger-soft: rgba(248, 113, 113, .16);--color-success: #4ade80;--color-success-soft: rgba(74, 222, 128, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .28);--shadow-md: 0 8px 24px rgba(0, 0, 0, .32)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden}body{background:var(--color-page);color:var(--color-text);font-family:inherit;text-rendering:optimizeLegibility}:host{display:block;height:100%}button,input,textarea,select{font:inherit}input,textarea,select{background:var(--color-surface);color:var(--color-text)}input::placeholder,textarea::placeholder{color:var(--color-subtle);opacity:1}input:disabled,textarea:disabled,select:disabled{background:var(--color-surface-muted);color:var(--color-subtle);cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text);box-shadow:0 0 0 1000px var(--color-surface) inset;caret-color:var(--color-text)}button{border:0}a{color:inherit}.btn,.profile-btn,.edit-btn,.add-btn,.remove-btn,.save-btn,.cancel-btn,.btn-back,.delete-btn,.status-btn{border-radius:var(--radius-sm);cursor:pointer;font-weight:700;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.btn{border:1px solid transparent;padding:.45rem .8rem;font-size:.85rem}.btn:hover,.profile-btn:hover,.edit-btn:hover,.add-btn:hover,.remove-btn:hover,.save-btn:hover,.cancel-btn:hover,.btn-back:hover,.delete-btn:hover{transform:translateY(-1px)}.btn-secondary,.btn-primary,.add-btn{background:var(--color-primary);color:#fff}.btn-secondary:hover,.btn-primary:hover,.add-btn:hover{background:var(--color-primary-strong)}.btn-outline,.btn-back{background:transparent;border:1px solid var(--color-border-strong);color:var(--color-primary-strong)}.btn-outline:hover,.btn-back:hover{background:var(--color-primary-soft);border-color:var(--color-border-strong)}.btn-warning,.status-btn.on-hold{background:var(--color-warning);color:#fff}.btn-danger,.remove-btn{background:var(--color-danger);color:#fff}.btn-danger:hover,.remove-btn:hover{background:#b91c1c}.btn-white,.delete-btn{background:var(--color-surface);border:1px solid #fecaca;color:var(--color-danger)}.btn-white:hover,.delete-btn:hover{background:var(--color-danger-soft)}.btn.small{padding:.25rem .5rem;font-size:.75rem}.surface-panel,.tasks-header,.projects-header,.detail-header,.dashboard-intro,.page-header,.create-form-wrapper,.profile-header,.profile-card,.card,.info-card,.new-task-form,.new-project-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.tasks-header,.projects-header,.detail-header,.page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:18px;padding:18px 20px}.tasks-header,.projects-header{flex-wrap:wrap}.tasks-header h2,.projects-header h2,.detail-header h2,.page-header h2,.dashboard-intro h2,.profile-header h1{color:var(--color-text);letter-spacing:0;margin:0}.tasks-header h2,.projects-header h2,.page-header h2,.dashboard-intro h2{font-size:1.35rem}.muted{color:var(--color-muted);font-size:.93rem;margin:.25rem 0 0}.board-grid{align-items:start;display:grid;gap:16px}.board-column{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:320px;padding:12px}.board-column h3{color:var(--color-text);font-size:.86rem;font-weight:800;letter-spacing:.06em;margin:2px 2px 12px;text-transform:uppercase}.task-card,.project-card,.task-item,.employee-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.task-card,.project-card{display:flex;flex-direction:column;margin-bottom:.75rem;min-height:188px;padding:14px;transition:transform .15s ease,box-shadow .15s ease}.task-card:hover,.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-card-head,.project-card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.task-card-head h3,.task-card-head h4,.project-card-head h4{font-size:1rem;line-height:1.3;margin:0}.task-card-head a,.project-card-head a,.task-link{color:var(--color-text);text-decoration:none}.task-card-head a:hover,.project-card-head a:hover{color:var(--color-primary-strong)}.task-description,.project-description{color:var(--color-muted);font-size:.92rem;line-height:1.45;margin:.5rem 0}.task-card-footer,.project-card-footer{align-items:center;border-top:1px solid var(--color-border);color:var(--color-muted);display:flex;gap:8px;justify-content:space-between;margin-top:auto;padding-top:.75rem}.task-card-buttons,.edit-actions,.summary-actions,.form-actions,.tasks-actions,.profile-actions{align-items:center;display:flex;gap:.6rem}.badge,.status-pill,.task-status{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:800;padding:.16rem .5rem;white-space:nowrap}.badge,.status-pill.in-progress,.status-pill.completed,.task-status.in-progress,.task-status.completed{background:var(--color-primary-soft);color:var(--color-primary-strong)}.status-pill.todo,.status-pill.planning,.task-status.todo{background:var(--color-warning-soft);color:var(--color-warning)}.status-pill.active{background:var(--color-success-soft);color:var(--color-success)}.status-pill.on-hold{background:var(--color-danger-soft);color:var(--color-danger)}.form-grid{display:grid;gap:16px}.form-grid label,.form-group,.worklog-grid label,.summary-grid label,.hours-card label,.wide{color:var(--color-text);display:flex;flex-direction:column;font-size:.9rem;font-weight:700;gap:6px}.form-grid input,.form-grid textarea,.form-grid select,.form-input,.form-textarea,input,textarea,select{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text)}.form-grid input,.form-grid textarea,.form-grid select,.form-input,.form-textarea{background:var(--color-surface);font-size:.95rem;padding:10px 12px}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.form-input:focus,.form-textarea:focus,input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb24;outline:none}.form-input:read-only,.form-textarea:read-only{background-color:var(--color-surface-muted);border-color:var(--color-border);color:var(--color-muted)}.table{border-collapse:collapse;width:100%}.table th,.table td{border-top:1px solid var(--color-border);padding:10px;text-align:left;vertical-align:top}.table th{color:var(--color-muted);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}