@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple-50:#f5f3ff;--purple-100:#ede9fe;--purple-200:#ddd6fe;--purple-400:#a78bfa;--purple-500:#8b5cf6;--purple-600:#7c3aed;--purple-700:#6d28d9;--purple-800:#5b21b6;--purple-900:#4c1d95;--sidebar-bg:#1a1038;--sidebar-width:140px;--bg-main:#f8f9fc;--bg-white:#fff;--text-primary:#1e1e2d;--text-secondary:#6b7280;--text-muted:#9ca3af;--gradient-purple:linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--gradient-orange:linear-gradient(135deg, #f97316 0%, #fb923c 100%);--gradient-cyan:linear-gradient(135deg, #06b6d4 0%, #22d3ee 100%);--border-color:#e5e7eb;--border-radius:12px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014}html,body{background:var(--bg-main);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif}.app-layout{max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);z-index:100;flex-direction:column;align-items:center;padding:16px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{justify-content:center;align-items:center;width:100px;height:60px;margin-bottom:24px;padding:8px;display:flex}.sidebar-logo-text{color:#fff;letter-spacing:3px;font-size:20px;font-weight:700}.sidebar-logo-sub{color:#fff6;letter-spacing:2px;text-transform:uppercase;margin-top:2px;font-size:6px;display:block}.sidebar-nav{width:100%;padding:0 10px}.sidebar-nav-item{color:#ffffffb3;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{background:#ffffff14}.sidebar-nav-item.active{background:var(--purple-600);color:#fff;box-shadow:0 2px 8px #7c3aed66}.sidebar-nav-item svg{flex-shrink:0;width:16px;height:16px}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--bg-white);border-bottom:1px solid var(--border-color);z-index:50;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-hamburger{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:4px;display:flex}.topbar-hamburger svg{width:22px;height:22px}.topbar-title{font-size:18px;font-weight:600}.topbar-avatar{background:var(--purple-100);width:36px;height:36px;color:var(--purple-700);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:box-shadow .2s;display:flex}.topbar-avatar:hover{box-shadow:0 0 0 3px var(--purple-200)}.page-content{flex:1;padding:20px 24px}.date-nav{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.date-nav-left{align-items:center;gap:6px;display:flex}.date-nav-btn{border:1px solid var(--border-color);background:var(--bg-white);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.date-nav-btn:hover{background:var(--purple-50);border-color:var(--purple-400);color:var(--purple-600)}.date-nav-today{border:1px solid var(--border-color);background:var(--bg-white);cursor:pointer;height:32px;color:var(--text-primary);border-radius:6px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.date-nav-today:hover{background:var(--purple-50);border-color:var(--purple-400)}.date-nav-month{border:1px solid var(--border-color);background:var(--bg-white);cursor:pointer;height:32px;color:var(--text-primary);border-radius:6px;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.date-nav-view-btns{border:1px solid var(--border-color);border-radius:6px;margin-left:8px;display:flex;overflow:hidden}.date-nav-view-btn{background:var(--bg-white);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.date-nav-view-btn:first-child{border-right:1px solid var(--border-color)}.date-nav-view-btn.active,.date-nav-view-btn:hover{background:var(--purple-50);color:var(--purple-600)}.log-time-btn{background:var(--gradient-cyan);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:8px;height:36px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #06b6d459}.log-time-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #06b6d473}.summary-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.summary-card{border-radius:var(--border-radius);color:#fff;align-items:center;gap:16px;min-height:80px;padding:20px 24px;transition:transform .2s;display:flex}.summary-card:hover{transform:translateY(-2px)}.summary-card.purple{background:var(--gradient-purple);box-shadow:0 4px 16px #7c3aed4d}.summary-card.orange{background:var(--gradient-orange);box-shadow:0 4px 16px #f973164d}.summary-card.cyan{background:var(--gradient-cyan);box-shadow:0 4px 16px #06b6d44d}.summary-card-icon{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.summary-card-icon svg{width:20px;height:20px}.summary-card-value{font-size:28px;font-weight:700;line-height:1}.summary-card-label{opacity:.9;margin-top:4px;font-size:13px}.chart-section{background:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:24px;padding:24px}.chart-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.chart-header svg{color:var(--purple-600)}.chart-title{font-size:16px;font-weight:600}.chart-subtitle{color:var(--text-secondary);margin-bottom:16px;font-size:13px}.chart-with-legend{gap:20px;display:flex}.chart-container{flex:1;height:320px;position:relative}.interactive-chart-container{width:100%;height:100%;position:relative}.interactive-chart-svg{display:block}.chart-bar-rect{transition:filter .2s,opacity .2s}.chart-bar-segment:hover .chart-bar-rect{filter:brightness(1.15)}.chart-bar-segment.glow .chart-bar-rect{animation:1.5s ease-in-out infinite alternate barGlow}.chart-bar-segment.hovered .chart-bar-rect{filter:brightness(1.2)}.chart-click-target{cursor:pointer}.chart-click-target:hover{fill:#7c3aed0a}.chart-drop-target{cursor:copy}.chart-drop-target:hover{fill:#7c3aed14}.chart-grid-line{stroke:var(--border-color)}.chart-axis-text{fill:var(--text-muted)}.chart-weekend-bg{fill:#f9fafb;transition:fill .3s}[data-theme=dark] .chart-weekend-bg{fill:#1a1730}.chart-weekend-text{fill:#d1d5db;transition:fill .3s}[data-theme=dark] .chart-weekend-text{fill:#7a7590}@keyframes barGlow{0%{filter:drop-shadow(0 0 4px)}to{filter:drop-shadow(0 0 12px)}}.chart-tooltip{pointer-events:none;z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#1e1e2deb;border-radius:10px;min-width:200px;padding:12px 16px;animation:.15s tooltipIn;position:absolute;box-shadow:0 8px 24px #00000040}.chart-tooltip-project{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.chart-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-tooltip-detail{opacity:.85;font-size:12px}.chart-tooltip-hint{opacity:.5;border-top:1px solid #ffffff1a;margin-top:8px;padding-top:6px;font-size:10px}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chart-legend{background:var(--bg-main);border-radius:10px;flex-direction:column;flex-shrink:0;gap:2px;width:180px;padding:16px;display:flex}.chart-legend-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:700}.chart-legend-group{flex-direction:column;display:flex}.chart-legend-project{align-items:center;gap:2px;display:flex}.chart-legend-expand{cursor:pointer;width:18px;height:18px;color:var(--text-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;transition:background .1s;display:flex}.chart-legend-expand:hover{background:var(--purple-100)}.chart-legend-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;flex:1;align-items:center;gap:6px;padding:4px 6px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.chart-legend-item:hover{background:var(--purple-50)}.chart-legend-item.active{color:var(--text-primary)}.chart-legend-item.inactive{color:var(--text-muted);opacity:.6;text-decoration:line-through}.chart-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .2s}.chart-legend-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chart-legend-activities{flex-direction:column;gap:1px;margin-bottom:4px;padding-left:32px;display:flex}.chart-legend-activity{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:2px 6px;font-family:inherit;font-size:11px;transition:all .15s;display:flex}.chart-legend-activity:hover{background:var(--purple-50)}.chart-legend-activity.inactive{opacity:.4;text-decoration:line-through}.chart-legend-act-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.chart-legend-act-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chart-legend-hint{color:var(--text-muted);margin-top:8px;font-size:10px}.context-menu{z-index:200;background:var(--bg-white);border:1px solid var(--border-color);border-radius:10px;min-width:200px;padding:6px;animation:.12s ctxIn;position:fixed;box-shadow:0 8px 32px #00000026}.context-menu-header{align-items:center;gap:8px;padding:8px 10px;display:flex}.context-menu-dot{border-radius:50%;width:8px;height:8px}.context-menu-title{flex:1;font-size:13px;font-weight:600}.context-menu-hours{color:var(--text-muted);font-size:12px;font-weight:500}.context-menu-subheader{color:var(--text-secondary);padding:0 10px 6px;font-size:11px}.context-menu-divider{background:var(--border-color);height:1px;margin:4px 0}.context-menu-item{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;transition:background .1s;display:flex}.context-menu-item:hover{background:var(--purple-50)}.context-menu-item.danger{color:#ef4444}.context-menu-item.danger:hover{background:#fef2f2}.context-menu-edit-hours{align-items:center;gap:6px;padding:8px 10px;display:flex}.context-menu-hours-input{border:1px solid var(--border-color);text-align:center;border-radius:6px;outline:none;width:60px;height:32px;font-family:inherit;font-size:14px;font-weight:600}.context-menu-hours-input:focus{border-color:var(--purple-500);box-shadow:0 0 0 3px var(--purple-100)}.context-menu-hours-submit{background:var(--purple-600);color:#fff;cursor:pointer;border:none;border-radius:6px;width:32px;height:32px;font-size:16px;font-weight:700;transition:background .15s}.context-menu-hours-submit:hover{background:var(--purple-700)}@keyframes ctxIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-white);border-radius:16px;width:480px;max-width:90vw;max-height:90vh;padding:28px 32px;animation:.2s modalIn;overflow-y:auto;box-shadow:0 16px 48px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{font-size:20px;font-weight:700}.modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{background:var(--purple-50);color:var(--purple-600)}.modal-form{flex-direction:column;gap:18px;display:flex}.modal-field{flex-direction:column;gap:6px;display:flex}.modal-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:12px;font-weight:600}.modal-input{border:1px solid var(--border-color);background:var(--bg-white);height:40px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.modal-input:focus{border-color:var(--purple-500);box-shadow:0 0 0 3px var(--purple-100)}.modal-stepper{align-items:center;gap:0;display:flex}.modal-stepper-btn{border:1px solid var(--border-color);background:var(--bg-main);cursor:pointer;width:40px;height:40px;color:var(--text-primary);font-size:18px;font-weight:600;transition:all .15s}.modal-stepper-btn:first-child{border-radius:8px 0 0 8px}.modal-stepper-btn:last-child{border-radius:0 8px 8px 0}.modal-stepper-btn:hover{background:var(--purple-50);color:var(--purple-600)}.modal-stepper-value{border:1px solid var(--border-color);text-align:center;border-left:none;border-right:none;outline:none;width:60px;height:40px;font-family:inherit;font-size:16px;font-weight:700}.modal-field-toggle{flex-flow:wrap;align-items:center;gap:0}.modal-toggle-label{cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.modal-toggle-input{display:none}.modal-toggle-switch{background:#d1d5db;border-radius:11px;flex-shrink:0;width:40px;height:22px;transition:background .2s;position:relative}.modal-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.modal-toggle-input:checked+.modal-toggle-switch{background:var(--purple-600)}.modal-toggle-input:checked+.modal-toggle-switch:after{transform:translate(18px)}.modal-toggle-hint{width:100%;color:var(--purple-600);margin-top:6px;padding-left:50px;font-size:12px;font-weight:500}.modal-actions{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:8px;padding-top:18px;display:flex}.modal-actions-right{gap:10px;margin-left:auto;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;height:40px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s}.modal-btn-primary{background:var(--purple-600);color:#fff}.modal-btn-primary:hover{background:var(--purple-700)}.modal-btn-secondary{background:var(--bg-main);color:var(--text-primary);border:1px solid var(--border-color)}.modal-btn-secondary:hover{background:var(--purple-50)}.modal-btn-danger{color:#ef4444;background:0 0;border:1px solid #fecaca}.modal-btn-danger:hover{background:#fef2f2}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{text-align:center;max-width:360px;padding:32px 28px 24px}.confirm-icon{margin-bottom:12px;font-size:36px}.confirm-title{margin-bottom:8px;font-size:18px;font-weight:700}.confirm-message{color:var(--text-secondary);margin-bottom:24px;font-size:14px;line-height:1.5}.confirm-actions{justify-content:center;gap:10px;display:flex}.confirm-actions .modal-btn{min-width:100px}.modal-autocomplete{z-index:10;background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;max-height:150px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.modal-autocomplete-item{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:background .1s;display:block}.modal-autocomplete-item:hover{background:var(--purple-50);color:var(--purple-600)}.chart-resize-handle{cursor:ns-resize;opacity:0;transition:opacity .15s}.chart-bar-segment:hover .chart-resize-handle{opacity:1}.clone-calendar-modal{width:420px}.clone-cal-summary{background:var(--bg-main);border-radius:8px;align-items:center;gap:6px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.clone-cal-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.clone-cal-project{font-weight:600}.clone-cal-sep{color:var(--text-muted)}.clone-cal-activity{color:var(--text-secondary)}.clone-cal-hours{color:var(--purple-600);font-weight:600}.clone-cal-month{text-align:center;margin-bottom:10px;font-size:14px;font-weight:700}.clone-cal-grid{-webkit-user-select:none;user-select:none;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:14px;display:grid}.clone-cal-weekday{text-align:center;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:4px 0;font-size:10px;font-weight:700}.clone-cal-cell{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;font-size:13px;transition:all .12s;display:flex;position:relative}.clone-cal-cell:hover:not(.clone-cal-disabled):not(.clone-cal-empty){background:var(--purple-50);border-color:var(--purple-400)}.clone-cal-empty{cursor:default}.clone-cal-weekend{color:var(--text-muted);background:#f9fafb}.clone-cal-occupied{color:var(--text-muted);cursor:not-allowed;opacity:.5;background:#fef2f2}.clone-cal-current{background:var(--purple-100);border-color:var(--purple-400);cursor:default}.clone-cal-selected{background:var(--purple-600)!important;color:#fff!important;border-color:var(--purple-700)!important}.clone-cal-disabled{cursor:not-allowed}.clone-cal-day-num{font-weight:600;line-height:1}.clone-cal-badge{margin-top:1px;font-size:8px;line-height:1}.clone-cal-actions-quick{gap:8px;margin-bottom:14px;display:flex}.clone-cal-quick-btn{border:1px solid var(--border-color);background:var(--bg-white);cursor:pointer;color:var(--text-primary);border-radius:6px;flex:1;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.clone-cal-quick-btn:hover{background:var(--purple-50);border-color:var(--purple-400);color:var(--purple-600)}.clone-cal-quick-clear{color:var(--text-muted)}.clone-cal-count{color:var(--purple-600);font-size:13px;font-weight:600}.aggregate-section{background:var(--bg-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.aggregate-header{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:16px 20px;font-family:inherit;transition:background .15s;display:flex}.aggregate-header:hover{background:var(--purple-50)}.aggregate-chevron{color:var(--text-muted);transition:transform .2s}.aggregate-chevron.rotated{transform:rotate(90deg)}.aggregate-title{text-align:left;color:var(--text-primary);flex:1;font-size:15px;font-weight:600}.aggregate-badge{background:var(--purple-100);color:var(--purple-700);border-radius:10px;padding:2px 10px;font-size:12px;font-weight:700}.aggregate-table-wrapper{animation:.2s slideDown;overflow-x:auto}.aggregate-table{border-collapse:collapse;width:100%}.aggregate-table thead th{text-transform:uppercase;letter-spacing:.5px;color:var(--purple-600);text-align:left;border-bottom:2px solid var(--purple-100);border-top:1px solid var(--border-color);white-space:nowrap;padding:10px 16px;font-size:11px;font-weight:700}.aggregate-row{-webkit-user-select:none;user-select:none;transition:background .15s}.aggregate-row:hover{background:var(--purple-50)}.aggregate-row td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:10px 16px;font-size:13px}.aggregate-row-project td{font-weight:600}.aggregate-row-activity td{color:var(--text-secondary);font-weight:500}.aggregate-row-day td{color:var(--text-muted);font-size:12px}.aggregate-row-total td{background:var(--purple-50);border-top:2px solid var(--purple-200)}.aggregate-num{text-align:right;font-variant-numeric:tabular-nums}.aggregate-sub{color:var(--text-muted);margin-left:6px;font-size:11px;font-weight:500;display:inline}.aggregate-sub:before{content:"· "}.aggregate-expand-btn{cursor:pointer;width:20px;height:20px;color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:6px;font-size:10px;transition:background .1s;display:inline-flex}.aggregate-expand-btn:hover{background:var(--purple-100);color:var(--purple-600)}.aggregate-dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.aggregate-indent{width:20px;display:inline-block}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toast-container{z-index:250;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--bg-white);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:10px;min-width:260px;padding:12px 16px;animation:.3s toastIn;display:flex;box-shadow:0 8px 24px #0000001f}.toast-success{border-left:3px solid #22c55e}.toast-info{border-left:3px solid #3b82f6}.toast-warning{border-left:3px solid #f59e0b}.toast-icon{font-size:16px}.toast-message{flex:1;font-size:13px;font-weight:500}.toast-undo{cursor:pointer;color:var(--purple-600);white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-family:inherit;font-size:13px;font-weight:700;transition:background .15s}.toast-undo:hover{background:var(--purple-100)}.toast-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0 4px;font-size:18px}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s forwards fadeInUp}.animate-in-delay-1{opacity:0;animation:.4s .1s forwards fadeInUp}.animate-in-delay-2{opacity:0;animation:.4s .2s forwards fadeInUp}.animate-in-delay-3{opacity:0;animation:.4s .3s forwards fadeInUp}@media (min-width:769px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--purple-200);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--purple-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--purple-800)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--purple-600)}}html,body,.sidebar,.topbar,.chart-section,.aggregate-section,.modal-content,.context-menu,.toast,.summary-card,.clone-calendar-modal{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}[data-theme=dark]{--purple-50:#1e1a2e;--purple-100:#2a2445;--purple-200:#3d3560;--purple-400:#a78bfa;--purple-500:#8b5cf6;--purple-600:#8b5cf6;--purple-700:#a78bfa;--purple-800:#c4b5fd;--purple-900:#ddd6fe;--sidebar-bg:#0a0815;--bg-main:#0f0d1a;--bg-white:#1a1730;--text-primary:#e8e6f0;--text-secondary:#b5b1c7;--text-muted:#a8a4bc;--gradient-purple:linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);--gradient-orange:linear-gradient(135deg, #ea580c 0%, #f97316 100%);--gradient-cyan:linear-gradient(135deg, #0891b2 0%, #06b6d4 100%);--border-color:#2a2545;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006}[data-theme=dark] .chart-click-target:hover{fill:#8b5cf60f}[data-theme=dark] .chart-drop-target:hover{fill:#8b5cf61f}[data-theme=dark] .context-menu-item:hover{background:var(--purple-100)}[data-theme=dark] .context-menu-item.danger:hover{background:#3b1515}[data-theme=dark] .modal-btn-secondary{background:var(--bg-main);border-color:var(--border-color)}[data-theme=dark] .modal-btn-danger{color:#f87171;border-color:#7f1d1d}[data-theme=dark] .modal-btn-danger:hover{background:#3b1515}[data-theme=dark] .aggregate-header:hover{background:var(--purple-100)}[data-theme=dark] .aggregate-row:hover{background:var(--purple-50)}[data-theme=dark] .aggregate-row-total td{background:var(--purple-50);border-top-color:var(--purple-200)}[data-theme=dark] .clone-cal-weekend{background:#161425}[data-theme=dark] .clone-cal-occupied{background:#2a1520}[data-theme=dark] .chart-legend-item:hover,[data-theme=dark] .chart-legend-activity:hover,[data-theme=dark] .chart-legend-expand:hover{background:var(--purple-100)}[data-theme=dark] .date-nav-btn:hover,[data-theme=dark] .date-nav-today:hover,[data-theme=dark] .clone-cal-quick-btn:hover{background:var(--purple-100);border-color:var(--purple-400)}[data-theme=dark] .modal-autocomplete-item:hover{background:var(--purple-100)}[data-theme=dark] .modal-toggle-switch{background:#3d3560}[data-theme=dark] .modal-stepper-btn{background:var(--bg-main);color:var(--text-primary)}[data-theme=dark] .modal-stepper-btn:hover{background:var(--purple-100)}.topbar-right{align-items:center;gap:10px;display:flex}.topbar-icon-btn{border:1px solid var(--border-color);background:var(--bg-white);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.topbar-icon-btn:hover{background:var(--purple-50);border-color:var(--purple-400);color:var(--purple-600)}.theme-toggle .theme-icon{transition:transform .3s;display:flex}.theme-toggle:hover .theme-icon{transform:rotate(30deg)}.lang-switcher{position:relative}.lang-dropdown{z-index:110;background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;min-width:120px;padding:4px;animation:.12s ctxIn;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f}.lang-dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .1s;display:block}.lang-dropdown-item:hover{background:var(--purple-50)}.lang-dropdown-item.lang-active{color:var(--purple-600);font-weight:700}.lang-dropdown-item.lang-active:after{content:" ✓"}.lang-toggle{position:relative}.lang-toggle-label{letter-spacing:.5px;color:var(--text-secondary);pointer-events:none;font-size:12px;font-weight:700}.fab{background:var(--gradient-purple);color:#fff;cursor:pointer;z-index:250;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;animation:2s ease-in-out fabPulse;display:none;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #7c3aed66}.fab:hover{transform:scale(1.1);box-shadow:0 6px 24px #7c3aed80}.fab:active{transform:scale(.95)}.fab svg{width:24px;height:24px}@keyframes fabPulse{0%,to{box-shadow:0 4px 16px #7c3aed66}50%{box-shadow:0 4px 24px #7c3aedb3}}.action-sheet-backdrop{z-index:350;background:#0006;animation:.15s fadeIn;position:fixed;inset:0}.action-sheet{z-index:360;background:var(--bg-white);border-radius:16px 16px 0 0;padding:12px 16px 24px;animation:.25s sheetIn;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 32px #0003}.action-sheet-header{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;margin-bottom:8px;padding:12px 4px;display:flex}.action-sheet-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.action-sheet-title{flex:1;font-size:14px;font-weight:600}.action-sheet-hours{color:var(--text-muted);font-size:13px}.action-sheet-item{cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:14px 8px;font-family:inherit;font-size:15px;transition:background .1s;display:flex}.action-sheet-item:hover{background:var(--purple-50)}.action-sheet-item.danger{color:#ef4444}.action-sheet-item svg{flex-shrink:0;width:18px;height:18px}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-hint{z-index:240;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;cursor:pointer;white-space:nowrap;background:#1e1e2deb;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.4s hintIn;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.mobile-hint.hint-out{animation:.3s forwards hintOut}@keyframes hintIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes hintOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(10px)}}.sidebar-backdrop{z-index:99;background:#0006;animation:.2s fadeIn;display:none;position:fixed;inset:0}@media (max-width:768px){.aggregate-sub{margin-left:0;display:block}.aggregate-sub:before{content:none}.sidebar{z-index:200;width:220px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop.open{display:block}.main-content{width:100%;min-width:0;max-width:100vw;margin-left:0;overflow-x:hidden}.topbar{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;height:52px;padding:0 14px}[data-theme=dark] .topbar{background:#0f0d1ad9}.topbar-title{letter-spacing:-.3px;font-size:15px}.date-nav-left{display:none}.topbar-right{gap:6px}.topbar-icon-btn{border-radius:10px;width:34px;height:34px}.topbar-icon-btn svg{width:16px;height:16px}.topbar-avatar{width:34px;height:34px;font-size:11px}.date-nav-btn{width:34px;height:34px}.topbar-hamburger svg{width:20px;height:20px}.page-content{padding:14px}.summary-section{margin-bottom:14px!important}.summary-cards{grid-template-columns:1fr 1fr;gap:10px}.summary-card{border-radius:14px;gap:12px;min-width:0;min-height:auto;padding:16px 14px}.summary-card:first-child{grid-column:span 2;padding:18px 16px}.summary-card:first-child .summary-card-value{font-size:26px}.summary-card-value{letter-spacing:-.5px;font-size:20px}.summary-card-label{opacity:.85;letter-spacing:.2px;font-size:11px}.summary-card-icon{width:36px;height:36px}.summary-card-icon svg{width:16px;height:16px}.summary-card{animation:.4s cubic-bezier(.34,1.56,.64,1) backwards cardPop}.summary-card:first-child{animation-delay:50ms}.summary-card:nth-child(2){animation-delay:.1s}.summary-card:nth-child(3){animation-delay:.15s}.chart-section{border-radius:14px;margin-bottom:14px;padding:16px}.chart-title{font-size:15px}.chart-subtitle{margin-bottom:12px;font-size:12px;line-height:1.4}.chart-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;min-width:0;height:220px;padding-bottom:4px;overflow-x:auto}.chart-container::-webkit-scrollbar{display:none}.interactive-chart-container{min-width:700px;height:100%}.chart-with-legend{flex-direction:column;gap:12px;min-width:0}.chart-legend{border-radius:10px;flex-flow:wrap;gap:6px;width:100%;padding:12px}.chart-legend-title{width:100%;margin-bottom:4px;font-size:10px}.chart-legend-hint{width:100%;margin-top:4px}.chart-legend-group{flex-direction:column}.chart-legend-activities{padding-left:24px}.modal-backdrop{box-sizing:border-box;align-items:center;padding:16px}.modal-content{border-radius:16px;width:100%;max-width:100%;max-height:88vh;padding:24px 18px;animation:.2s modalIn}.modal-content:before{display:none}.modal-header{margin-bottom:18px}.modal-title{font-size:18px}.clone-calendar-modal{border-radius:20px 20px 0 0;width:100%}.toast-container{align-items:center;bottom:90px;left:14px;right:14px}.toast{border-radius:14px;min-width:auto;box-shadow:0 8px 32px #0000002e}.aggregate-section{border-radius:14px;margin-bottom:90px}.aggregate-table-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.aggregate-table-wrapper::-webkit-scrollbar{display:none}.aggregate-header{padding:14px 16px}.aggregate-title{font-size:14px}.aggregate-badge{border-radius:8px;padding:3px 10px;font-size:11px}.aggregate-table thead th{padding:8px 12px;font-size:10px}.aggregate-row td{padding:10px 12px;font-size:12px}.fab{width:52px;height:52px;display:flex;bottom:20px;right:20px;box-shadow:0 4px 20px #7c3aed73,0 0 #7c3aed00}.fab svg{width:22px;height:22px}.action-sheet{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0}.action-sheet:before{content:"";background:var(--border-color);border-radius:2px;width:36px;height:4px;margin:0 auto 12px;display:block}.topbar .date-nav-left{display:none}.context-menu{min-width:auto;padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;animation:.25s sheetIn;position:fixed;inset:auto 0 0}}@keyframes cardPop{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.m-summary{flex-direction:column;gap:10px;display:flex}.m-kpi-hero{background:var(--gradient-purple);color:#fff;border-radius:16px;align-items:center;gap:14px;padding:18px 16px;animation:.4s cubic-bezier(.34,1.56,.64,1) backwards cardPop;display:flex;box-shadow:0 4px 20px #7c3aed59}.m-kpi-ring-wrap{flex-shrink:0;width:56px;height:56px;position:relative}.m-kpi-ring-pct{color:#fff;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.m-kpi-hero-body{flex:1;min-width:0}.m-kpi-hero-value{letter-spacing:-.5px;font-size:24px;font-weight:700;line-height:1.1}.m-kpi-hero-sub{opacity:.7;font-size:16px;font-weight:500}.m-kpi-hero-label{opacity:.8;letter-spacing:.3px;margin-top:2px;font-size:11px}.m-kpi-streak{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:10px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.m-kpi-spark{opacity:.9;flex-shrink:0}.m-kpi-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.m-kpi-card{color:#fff;border-radius:14px;padding:14px;animation:.4s cubic-bezier(.34,1.56,.64,1) backwards cardPop}.m-kpi-card:first-child{animation-delay:80ms}.m-kpi-card:nth-child(2){animation-delay:.14s}.m-kpi-orange{background:var(--gradient-orange);box-shadow:0 4px 16px #f973164d}.m-kpi-cyan{background:var(--gradient-cyan);box-shadow:0 4px 16px #06b6d44d}.m-kpi-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.m-kpi-card-value{letter-spacing:-.3px;font-size:20px;font-weight:700}.m-kpi-card-label{opacity:.85;letter-spacing:.2px;margin-top:3px;font-size:11px}.m-day-cards-wrap{margin:0 -14px;padding:0 14px}.m-day-cards{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:8px;padding:4px 0 8px;display:flex;overflow-x:auto}.m-day-cards::-webkit-scrollbar{display:none}.m-day-card{background:var(--bg-white);border:1px solid var(--border-color);scroll-snap-align:start;cursor:pointer;border-radius:12px;flex-direction:column;flex-shrink:0;gap:6px;width:72px;padding:8px 6px;transition:all .2s;display:flex}.m-day-card:active{transform:scale(.96)}.m-day-weekend{opacity:.4;background:var(--bg-main)}.m-day-today{border-color:var(--purple-500);box-shadow:0 0 0 2px #7c3aed33}.m-day-empty{border-style:dashed}.m-day-card-header{flex-direction:column;align-items:center;gap:2px;display:flex}.m-day-card-label{color:var(--text-secondary);text-align:center;font-size:10px;font-weight:600;line-height:1.2}.m-day-card-total{color:var(--purple-600);font-size:11px;font-weight:700}.m-day-card-blocks{flex-direction:column;flex:1;gap:3px;min-height:40px;display:flex}.m-day-block{color:#fff;cursor:pointer;text-align:center;border:none;border-radius:4px;justify-content:center;align-items:center;min-height:16px;padding:3px 2px;font-size:9px;font-weight:700;transition:filter .15s;display:flex}.m-day-block:active{filter:brightness(1.2)}.m-day-block-hours{line-height:1}.m-day-empty-label{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:18px;font-weight:300;display:flex}.m-donut-wrap{background:var(--bg-white);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:16px;padding:16px;display:flex}.m-donut-svg{flex-shrink:0}.m-donut-total{fill:var(--text-primary);font-size:18px;font-weight:700}.m-donut-label{fill:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.m-donut-legend{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.m-donut-chip{cursor:pointer;text-align:left;color:var(--text-primary);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 6px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.m-donut-chip:active{background:var(--purple-50)}.m-donut-chip-off{opacity:.4}.m-donut-chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.m-donut-chip-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.m-donut-chip-pct{color:var(--text-muted);font-size:11px;font-weight:500}.m-quicklog{margin-bottom:8px}.m-quicklog-label{color:var(--text-muted);letter-spacing:.3px;margin-bottom:6px;font-size:11px;font-weight:600}.m-quicklog-chips{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.m-quicklog-chips::-webkit-scrollbar{display:none}.m-quicklog-chip{border:1.5px solid var(--border-color);background:var(--bg-white);cursor:pointer;color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:11px;transition:all .2s;display:flex}.m-quicklog-chip:active{transform:scale(.95);box-shadow:0 1px 4px #00000026}.m-quicklog-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.m-quicklog-text{white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-weight:500;overflow:hidden}.m-quicklog-hours{color:var(--purple-600);font-weight:700}.m-sparkline{display:block}