: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}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 35%,transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.multiline-text{overflow-wrap:anywhere;white-space:pre-wrap}.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:var(--color-page)}.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}.foldable-board{align-items:stretch;display:flex;gap:16px;max-width:100%;overflow-x:auto}.foldable-board .board-column{flex:1 0 220px;min-width:220px;overflow:hidden;transition:flex-basis .18s ease,min-width .18s ease}.foldable-board .board-column.folded{flex:0 0 52px;min-width:52px;padding:.55rem .4rem}.board-column-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.board-column-header h3{flex:1;margin:0}.column-task-count{align-items:center;background:var(--color-surface);border-radius:999px;color:var(--color-muted);display:inline-flex;font-size:.75rem;font-weight:800;height:22px;justify-content:center;min-width:22px;padding:0 6px}.column-fold-button{align-items:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);cursor:pointer;display:inline-flex;font-size:1rem;height:26px;justify-content:center;padding:0;width:26px}.column-fold-button:hover,.column-fold-button:focus-visible{background:var(--color-primary-soft);color:var(--color-primary)}.foldable-board .board-column.folded .board-column-header{flex-direction:column;height:100%;margin:0}.foldable-board .board-column.folded .board-column-header h3{flex:0 1 auto;margin:.35rem 0;writing-mode:vertical-rl}.foldable-board .board-column.folded .column-task-count{order:2}.foldable-board .board-column.folded .column-fold-button{order:-1}.foldable-board .board-column.folded .task-card,.foldable-board .board-column.folded .project-card{display:none}.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}.quick-chat-menu{position:relative}.quick-chat-trigger{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;color:var(--color-muted);cursor:pointer;display:inline-flex;height:38px;justify-content:center;padding:0;position:relative;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;width:38px}.quick-chat-trigger:hover,.quick-chat-menu.open .quick-chat-trigger{background:var(--color-primary-soft);border-color:var(--color-border-strong);color:var(--color-primary-strong);transform:translateY(-1px)}.quick-chat-icon{border:2px solid currentColor;border-radius:9px;display:block;height:18px;position:relative;width:20px}.quick-chat-icon:after{border-bottom:2px solid currentColor;border-right:2px solid currentColor;bottom:-5px;content:"";height:6px;left:5px;position:absolute;transform:rotate(45deg);width:6px}.quick-chat-badge{align-items:center;background:var(--color-danger);border:2px solid var(--color-surface);border-radius:999px;color:#fff;display:inline-flex;font-size:.64rem;font-weight:800;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-5px;top:-5px}.quick-chat-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-text);display:grid;grid-template-columns:230px minmax(320px,1fr);height:min(620px,calc(100vh - var(--header-height) - 24px));overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:min(720px,calc(100vw - 32px));z-index:1200}.quick-chat-conversations{background:var(--color-surface-muted);border-right:1px solid var(--color-border);display:flex;flex-direction:column;min-width:0;overflow-y:auto}.quick-chat-conversations header,.quick-chat-window header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex:0 0 auto;gap:10px;justify-content:space-between;min-height:54px;padding:12px}.quick-chat-conversations header button,.quick-chat-window header button,.quick-chat-composer button{background:var(--color-primary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.78rem;font-weight:800;padding:7px 10px}.quick-chat-thread{align-items:center;background:transparent;border-bottom:1px solid var(--color-border);color:var(--color-text);cursor:pointer;display:flex;gap:8px;justify-content:space-between;min-height:72px;padding:10px 12px;text-align:left;width:100%}.quick-chat-thread:hover,.quick-chat-thread.active{background:var(--color-primary-soft)}.quick-chat-thread span,.quick-chat-window header span{display:grid;gap:4px;min-width:0}.quick-chat-thread strong,.quick-chat-window header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-chat-thread small,.quick-chat-window header small{color:var(--color-muted);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-chat-thread em{align-items:center;background:var(--color-primary);border-radius:999px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:.7rem;font-style:normal;font-weight:800;height:20px;justify-content:center;min-width:20px}.quick-chat-window{display:flex;flex-direction:column;min-width:0;overflow:hidden}.quick-chat-messages{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;overflow-y:auto;padding:14px}.quick-chat-message{display:flex}.quick-chat-message.from-user{justify-content:flex-end}.quick-chat-message div{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:82%;padding:9px 10px}.quick-chat-message.from-user div{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.quick-chat-message span{color:var(--color-muted);display:block;font-size:.7rem;font-weight:800;margin-bottom:4px}.quick-chat-message.from-user span{color:#ffffffc7}.quick-chat-message p{font-size:.86rem;line-height:1.35;margin:0;overflow-wrap:anywhere}.quick-chat-empty{align-items:center;color:var(--color-muted);display:flex;flex:1 1 auto;font-size:.9rem;justify-content:center;padding:24px}.quick-chat-composer{border-top:1px solid var(--color-border);display:flex;flex:0 0 auto;gap:8px;padding:12px}.quick-chat-composer textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex:1 1 auto;min-height:42px;padding:9px 10px;resize:none}.quick-chat-composer button{align-self:flex-end;min-height:42px}.quick-chat-composer button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.quick-chat-trigger{height:34px;width:34px}.quick-chat-dropdown{grid-template-columns:1fr;height:min(620px,calc(100vh - var(--header-height) - 16px));right:-42px;width:min(420px,calc(100vw - 24px))}.quick-chat-conversations{border-bottom:1px solid var(--color-border);border-right:0;max-height:190px}.quick-chat-window{min-height:320px}.quick-chat-composer{flex-direction:column}.quick-chat-composer button{align-self:stretch}}