@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Mulish:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--brand: #1a1a1a;--accent: #8B6F47;--accent-lt: #D4B896;--accent-xlt: #F5EDE3;--blue: #2C4A6E;--blue-lt: #E8EEF5;--green: #2D6A4F;--green-lt: #D8F3DC;--amber: #B45309;--amber-lt: #FEF3C7;--red: #991B1B;--red-lt: #FEE2E2;--sidebar-bg: #1a1a1a;--sidebar-w: 240px;--bg: #F9F7F4;--surface: #FFFFFF;--border: #E5DDD4;--text: #2D2D2D;--muted: #8A7A6E;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.04)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Mulish,sans-serif;background:var(--bg);color:var(--text);font-size:14px}#app{min-height:100vh}#main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.page{padding:32px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 32px;height:60px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:50}.topbar-title{font-family:Playfair Display,serif;font-size:20px;font-weight:500;color:var(--brand);flex:1}.topbar-actions{display:flex;align-items:center;gap:12px}.btn{padding:8px 16px;border-radius:var(--radius);border:none;cursor:pointer;font-family:Mulish,sans-serif;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .15s;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#7a5f38}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-sm{padding:5px 12px;font-size:12px}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover{background:#7f1515}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow)}.stat-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.stat-value{font-family:Playfair Display,serif;font-size:28px;font-weight:500;color:var(--brand);line-height:1}.stat-sub{font-size:11px;color:var(--muted);margin-top:4px}.stat-card.accent{border-left:3px solid var(--accent)}.stat-card.green{border-left:3px solid var(--green)}.stat-card.amber{border-left:3px solid var(--amber)}.stat-card.blue{border-left:3px solid var(--blue)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-header{padding:18px 22px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-title{font-family:Playfair Display,serif;font-size:16px;font-weight:500;color:var(--brand)}.card-body{padding:20px 22px}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f5ede3;color:var(--accent);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;text-align:left}.data-table td{padding:11px 14px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg)}.data-table tbody tr{cursor:pointer;transition:background .1s}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge-green{background:var(--green-lt);color:var(--green)}.badge-amber{background:var(--amber-lt);color:var(--amber)}.badge-red{background:var(--red-lt);color:var(--red)}.badge-blue{background:var(--blue-lt);color:var(--blue)}.badge-gray{background:#f3f4f6;color:#6b7280}.badge-accent{background:var(--accent-xlt);color:var(--accent)}.avatar{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.progress-wrap{background:var(--border);border-radius:4px;height:6px}.progress-bar{height:6px;border-radius:4px}.prog-green{background:var(--green)}.prog-amber{background:var(--amber)}.prog-red{background:var(--red)}.tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:24px}.tab{padding:10px 20px;cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s}.tab:hover{color:var(--accent)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:5px;text-transform:uppercase;letter-spacing:.06em}.form-input{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius);font-family:Mulish,sans-serif;font-size:13px;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.form-select{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius);font-family:Mulish,sans-serif;font-size:13px;color:var(--text);background:var(--surface);outline:none}.form-select:focus{border-color:var(--accent)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.four-col{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px}.five-col{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:20px}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--border)}.timeline-item{position:relative;margin-bottom:24px}.timeline-dot{position:absolute;left:-20px;top:4px;width:12px;height:12px;border-radius:50%;border:2px solid var(--accent);background:var(--surface)}.timeline-meta{font-size:11px;color:var(--muted);margin-bottom:4px}.timeline-text{font-size:13px;line-height:1.6}.todo-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.todo-check{width:18px;height:18px;border-radius:4px;border:2px solid var(--border);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.todo-check.done{background:var(--green);border-color:var(--green);color:#fff;font-size:10px}.todo-text{flex:1;font-size:13px}.todo-text.done-text{text-decoration:line-through;color:var(--muted)}.todo-due{font-size:11px;color:var(--muted);white-space:nowrap}.todo-due.overdue{color:var(--amber);font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border-radius:10px;padding:28px;width:500px;max-width:95vw;box-shadow:0 8px 40px #00000026}.modal-title{font-family:Playfair Display,serif;font-size:20px;font-weight:500;margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.week-nav{display:flex;align-items:center;gap:12px}.week-nav button{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;cursor:pointer;font-size:13px;color:var(--muted);font-family:Mulish,sans-serif}.week-nav button:hover{background:var(--accent-xlt);color:var(--accent);border-color:var(--accent-lt)}.week-label{font-family:Playfair Display,serif;font-size:15px;font-weight:500;min-width:220px;text-align:center}.ts-page{display:flex;flex-direction:column;height:calc(100vh - 72px);gap:0}.ts-topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;flex-shrink:0}.ts-stats{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted)}.ts-stats strong{color:var(--text)}.ts-cal{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;min-height:0}.ts-cal-header{display:grid;grid-template-columns:52px repeat(7,1fr);border-bottom:2px solid var(--border);background:#f5ede3;flex-shrink:0}.ts-gutter-head{background:#f5ede3}.ts-day-head{padding:10px 8px 8px;text-align:center;border-left:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:3px}.ts-day-head.weekend{background:#f5f3f0}.ts-day-head.today{background:#ede0d0}.ts-wd{font-size:10px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.ts-day-head.weekend .ts-wd{color:var(--muted)}.ts-dn{font-size:14px;font-weight:600;color:var(--text)}.ts-dtotal{font-size:10px;font-family:JetBrains Mono,monospace;color:var(--accent);background:var(--accent-xlt);padding:1px 7px;border-radius:10px}.ts-cal-body{display:grid;grid-template-columns:52px repeat(7,1fr);flex:1;overflow-y:auto}.ts-gutter{background:var(--surface);border-right:1px solid var(--border);position:sticky;left:0;z-index:2}.ts-hour-label{height:64px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);text-align:right;padding:4px 8px 0 0;box-sizing:border-box}.ts-day-col{position:relative;border-left:1px solid var(--border);height:768px;cursor:crosshair;-webkit-user-select:none;user-select:none}.ts-day-col.weekend{background:#faf9f7}.ts-day-col.today{background:#fdf9f5}.ts-line{position:absolute;left:0;right:0;pointer-events:none}.ts-line-hour{border-top:1px solid var(--border)}.ts-line-half{border-top:1px dashed #e8e4dd}.ts-line-qh{border-top:1px dotted #f0ece8}.ts-now-line{position:absolute;left:0;right:0;border-top:2px solid #ef4444;z-index:3;pointer-events:none}.ts-now-line:before{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;background:#ef4444;border-radius:50%}.ts-entry{position:absolute;left:3px;right:3px;border-radius:6px;color:#fff;overflow:hidden;display:flex;flex-direction:column;z-index:1;min-height:16px;box-shadow:0 1px 4px #00000026}.ts-entry-inner{flex:1;padding:4px 24px 4px 8px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.ts-entry-proj{font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-entry-time{font-size:10px;font-family:JetBrains Mono,monospace;opacity:.85}.ts-entry-del{position:absolute;top:2px;right:4px;background:none;border:none;color:#fff;cursor:pointer;font-size:15px;line-height:1;opacity:0;padding:0}.ts-entry:hover .ts-entry-del{opacity:.7}.ts-entry-del:hover{opacity:1!important}.ts-entry-handle{position:absolute;bottom:0;left:0;right:0;height:7px;cursor:ns-resize;background:#0000002e;border-radius:0 0 6px 6px;opacity:0;transition:opacity .15s}.ts-entry:hover .ts-entry-handle{opacity:1}.ts-drag-preview{position:absolute;left:3px;right:3px;background:var(--accent);opacity:.35;border-radius:6px;pointer-events:none;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;border:2px dashed var(--accent)}.gantt-wrap{overflow-x:auto}.gantt-table{border-collapse:collapse;min-width:100%}.gantt-table th{background:#f5ede3;color:var(--accent);font-size:11px;font-weight:700;padding:8px 12px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border)}.gantt-table td{padding:8px 12px;border-bottom:1px solid var(--border);vertical-align:middle;font-size:13px}.gantt-bar-bg{background:#f5ede3;border-radius:4px;height:20px;position:relative}.gantt-bar{height:20px;border-radius:4px;position:absolute;top:0;display:flex;align-items:center;padding:0 8px;font-size:10px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden}.customer-panel{background:var(--accent-xlt);border:1px solid var(--accent-lt);border-radius:var(--radius);padding:18px 22px;margin-bottom:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px}.cust-field label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);display:block;margin-bottom:2px}.cust-field span{font-size:13px;color:var(--brand);font-weight:500}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.summary-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.summary-val{font-family:Playfair Display,serif;font-size:22px;color:var(--brand)}.summary-sub{font-size:11px;color:var(--muted);margin-top:2px}.filter-row{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.filter-search{padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);font-family:Mulish,sans-serif;font-size:13px;width:230px;background:var(--surface);outline:none}.filter-search:focus{border-color:var(--accent)}.filter-select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);font-family:Mulish,sans-serif;font-size:13px;background:var(--surface);color:var(--text);outline:none}code{font-family:JetBrains Mono,monospace;font-size:12px;background:#f3f4f6;padding:1px 5px;border-radius:3px;color:var(--blue)}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--muted);font-size:14px;gap:10px}.empty-state{text-align:center;padding:48px;color:var(--muted)}.empty-state .icon{font-size:32px;margin-bottom:10px}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.todo-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.todo-item:last-child{border-bottom:none}.todo-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:4px}.todo-title{font-size:13px;font-weight:600;color:var(--text)}.todo-meta{font-size:11px;color:var(--muted);margin-top:2px}.todo-deadline{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;margin-left:auto;white-space:nowrap}.time-chart-wrap{padding:0 0 8px}.time-chart{display:flex;gap:6px;align-items:flex-end;height:120px}.time-bar-day{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}.time-bar-stack{width:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:1px;border-radius:4px 4px 0 0;overflow:hidden;min-height:2px}.time-bar-seg{width:100%;transition:height .3s}.time-bar-label{font-size:10px;color:var(--muted);font-family:JetBrains Mono,monospace}.time-chart-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.legend-dot{width:8px;height:8px;border-radius:50%}.mini-gantt-wrap{overflow-x:auto}.mini-gantt-row{display:grid;align-items:center;border-bottom:1px solid var(--border);padding:8px 0}.mini-gantt-label{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-gantt-track{position:relative;height:18px;background:var(--accent-xlt);border-radius:4px}.mini-gantt-bar{position:absolute;height:18px;border-radius:4px;display:flex;align-items:center;padding:0 6px;font-size:10px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden}body.dark{--bg: #111113;--surface: #1c1c1f;--surface-alt: #222226;--border: rgba(255,255,255,.1);--text: #e8e8ea;--text-secondary: rgba(255,255,255,.6);--muted: rgba(255,255,255,.35);--accent: #a08050;--accent-lt: rgba(160,128,80,.2);--accent-xlt: rgba(160,128,80,.08);--green: #4caf72;--red: #e05555;--blue: #4a90d9;--amber: #d4922a}body.dark #sidebar{background:#0d0d0f}body.dark .topbar{background:#1c1c1f;border-bottom-color:#ffffff12}body.dark .card{background:#1c1c1f;border-color:#ffffff14}body.dark .data-table th{background:#222226;color:#ffffff80}body.dark .data-table tr:hover td{background:#ffffff08}body.dark .form-input,body.dark .form-select,body.dark .filter-select{background:#222226;border-color:#ffffff1f;color:#e8e8ea}body.dark .modal{background:#1c1c1f}body.dark .modal-overlay{background:#000000b3}body.dark .btn-ghost{color:#ffffffb3}body.dark .btn-ghost:hover{background:#ffffff12}body.dark .stat-card{background:#1c1c1f;border-color:#ffffff14}.settings-layout{display:flex;gap:0;min-height:calc(100vh - 56px)}.settings-nav{width:210px;min-width:210px;border-right:1px solid var(--border);padding:24px 0}.settings-nav-section{margin-bottom:4px}.settings-nav-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:12px 20px 4px}.settings-nav-item{display:flex;align-items:center;gap:8px;padding:8px 20px;font-size:13px;color:var(--text-secondary);text-decoration:none;transition:all .15s;border-right:2px solid transparent}.settings-nav-item:hover{color:var(--text);background:var(--accent-xlt)}.settings-nav-item.active{color:var(--accent);font-weight:600;border-right-color:var(--accent);background:var(--accent-xlt)}.settings-content{flex:1;padding:28px 32px;max-width:720px}.settings-section{margin-bottom:28px}.settings-section-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.toggle-row{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);gap:16px}.toggle-row:last-child{border-bottom:none}.toggle-label{font-size:13px;font-weight:500;color:var(--text)}.toggle-sub{font-size:12px;color:var(--muted);margin-top:2px}.toggle{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:22px;cursor:pointer;transition:.2s}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+.toggle-slider{background:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(18px)}