:root{--bg-app:#09090b;--bg-panel:#09090b;--bg-panel-hover:#18181b;--bg-surface:#18181b;--border-subtle:#27272a;--border-light:#27272a;--border-focus:#3f3f46;--border-glow:none;--accent-base:#fafafa;--accent-hover:#fff;--accent-glow:0 0 12px #ffffff1a;--accent-faded:#27272a;--brand-magenta:#b42d78;--brand-magenta-light:#d93b82;--brand-orange:#e0751a;--brand-orange-light:#f08328;--brand-gradient:linear-gradient(135deg, #b42d78 0%, #e0751a 100%);--brand-gradient-hover:linear-gradient(135deg, #c73787 0%, #f08328 100%);--brand-gradient-subtle:linear-gradient(90deg, #b42d781f 0%, #e0751a0d 100%);--brand-glow:none;--brand-border:#b42d7859;--accent-gradient:linear-gradient(180deg, #fafafa 0%, #e4e4e7 100%);--accent-gradient-hover:linear-gradient(180deg, #fff 0%, #f4f4f5 100%);--text-title:#fff;--text-main:#e4e4e7;--text-muted:#a1a1aa;--text-dim:#71717a;--color-success:#10b981;--color-success-bg:#10b9811a;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 24px #0009;--shadow-floating:0 20px 40px #000c;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--snappy:.15s cubic-bezier(.2, .8, .2, 1);--smooth:.3s cubic-bezier(.4, 0, .2, 1);--sidebar-w:220px;--sidebar-w-collapsed:72px;--header-h:70px;--content-padding:24px;--site-bg-color:var(--bg-app);--form-bg-color:var(--bg-surface);--form-border-color:var(--border-subtle);--label-color:var(--text-main);--success-color:var(--color-success);--error-color:var(--color-danger);--info-color:var(--color-info);--th-pad-base:12px 16px;--sort-icon-left:8px;--sort-icon-size:14px;--sort-gap:6px;--sort-shift:14px}.btn-quick-capture-pill{border:1px solid var(--border-subtle,#ffffff1a);border-radius:var(--radius-pill,9999px);color:var(--text-muted,#a1a1aa);cursor:pointer;user-select:none;background:#ffffff0a;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-quick-capture-pill i{color:var(--accent-color,#3b82f6);font-size:15px}.btn-quick-capture-pill .cmd-kbd-hint{font-family:var(--font-sans);letter-spacing:.3px;color:var(--text-title,#fff);background:#ffffff14;border:1px solid #ffffff14;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.btn-quick-capture-pill:hover{border-color:var(--border-focus,#3f3f46);color:var(--text-title,#fff);background:#ffffff14;transform:translateY(-1px)}.cmd-palette-backdrop{-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;background:#09090bbf;justify-content:center;align-items:flex-start;padding-top:12vh;transition:opacity .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.cmd-palette-backdrop.active{opacity:1;pointer-events:auto}.cmd-palette-modal{background:var(--bg-surface,#18181b);border:1px solid var(--border-focus,#3f3f46);border-radius:var(--radius-xl,16px);flex-direction:column;width:90%;max-width:640px;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:translateY(-12px)scale(.98);box-shadow:0 24px 48px -12px #0009,0 0 0 1px #ffffff0d}.cmd-palette-backdrop.active .cmd-palette-modal{transform:translateY(0)scale(1)}.cmd-palette-header{border-bottom:1px solid var(--border-subtle,#27272a);align-items:center;gap:12px;padding:16px 20px;display:flex}.cmd-palette-search-icon{color:var(--accent-color,#3b82f6);font-size:20px}.cmd-palette-input{font-size:16px;font-family:var(--font-sans);color:var(--text-title,#fff);background:0 0;border:none;outline:none;flex:1}.cmd-palette-input::placeholder{color:var(--text-dim,#71717a)}.cmd-palette-badge{border:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.5px;background:#ffffff0f;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.cmd-palette-body{max-height:360px;padding:12px;overflow-y:auto}.cmd-palette-section-title{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim,#71717a);padding:8px 12px 6px;font-size:11px;font-weight:600}.cmd-palette-item{border-radius:var(--radius-md,8px);cursor:pointer;color:var(--text-main,#e4e4e7);user-select:none;align-items:center;gap:12px;padding:10px 14px;transition:all .15s;display:flex}.cmd-palette-item:hover,.cmd-palette-item.selected{color:var(--text-title,#fff);background:#ffffff12}.cmd-palette-item-icon{color:var(--text-muted,#a1a1aa);justify-content:center;width:24px;font-size:18px;display:flex}.cmd-palette-item.selected .cmd-palette-item-icon{color:var(--accent-color,#3b82f6)}.cmd-palette-item-text{flex:1;font-size:14px;font-weight:500}.cmd-palette-item-hint{color:var(--text-dim,#71717a);font-size:12px}.cmd-palette-footer{border-top:1px solid var(--border-subtle);color:var(--text-dim);background:#0003;justify-content:space-between;align-items:center;padding:10px 20px;font-size:12px;display:flex}.cmd-palette-shortcuts{gap:12px;display:flex}.cmd-palette-shortcut{align-items:center;gap:4px;display:flex}.cmd-palette-kbd{border:1px solid var(--border-subtle);background:#ffffff14;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:10px}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast-item{pointer-events:auto;background:var(--bg-surface,#18181b);border:1px solid var(--border-focus,#3f3f46);border-radius:var(--radius-md,10px);min-width:280px;max-width:420px;color:var(--text-title,#fff);align-items:center;gap:12px;padding:12px 16px;transition:all .2s;animation:.25s cubic-bezier(.16,1,.3,1) toastIn;display:flex;box-shadow:0 10px 25px -5px #00000080}.toast-item.toast-success{border-left:4px solid #10b981}.toast-item.toast-error{border-left:4px solid #ef4444}.toast-item.toast-info{border-left:4px solid #3b82f6}.toast-item.toast-warning{border-left:4px solid #f59e0b}.toast-icon{font-size:20px}.toast-item.toast-success .toast-icon{color:#10b981}.toast-item.toast-error .toast-icon{color:#ef4444}.toast-item.toast-info .toast-icon{color:#3b82f6}.toast-item.toast-warning .toast-icon{color:#f59e0b}.toast-content{flex:1;font-size:13px;line-height:1.4}.toast-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px;font-size:16px}.toast-close:hover{color:var(--text-title);background:#ffffff1a}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}i[class^=ri-]{justify-content:center;align-items:center;font-weight:400;display:inline-flex}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background-color:var(--bg-app);z-index:50;border-right:none;flex-direction:column;flex-shrink:0;padding:16px 0 16px 16px;transition:width .3s cubic-bezier(.2,.8,.2,1);display:flex}.sidebar.collapsed{width:var(--sidebar-w-collapsed);padding:16px 12px}.sidebar-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.sidebar-profile{align-items:center;gap:12px;display:flex;overflow:hidden}.sidebar-avatar{background:var(--brand-gradient);width:34px;height:34px;transition:transform var(--snappy), box-shadow var(--snappy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:1.5px;display:flex}.sidebar-avatar:hover{transform:scale(1.05)}.sidebar-avatar img{object-fit:cover;background:var(--bg-app);object-fit:cover;border-radius:50%;width:100%;height:100%}.sidebar-user-info{flex-direction:column;display:flex}.sidebar-username{color:var(--text-title);white-space:nowrap;font-size:14px;font-weight:500}.sidebar-role{background:var(--brand-gradient);-webkit-text-fill-color:transparent;letter-spacing:.3px;-webkit-background-clip:text;font-size:11px;font-weight:600}.sidebar-toggle{color:var(--text-dim);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--snappy), color var(--snappy), transform var(--snappy);background:0 0;border:none;padding:4px}.sidebar-toggle:hover{background:var(--bg-surface);color:var(--text-main)}.sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:14px;padding:0}.sidebar.collapsed .sidebar-profile{justify-content:center;width:44px;margin:0}.sidebar.collapsed .sidebar-user-info{display:none}.sidebar.collapsed .sidebar-toggle{place-items:center;width:44px;height:44px;margin:0;padding:0;display:grid;transform:rotate(180deg)}.sidebar-search{border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:all var(--snappy);background:0 0;align-items:center;gap:10px;margin-bottom:32px;padding:8px 12px;display:flex}.sidebar-search:focus-within{border-color:var(--border-focus)}.sidebar-search-icon{color:var(--text-dim);font-size:16px}.sidebar-search input[type=search]{color:var(--text-main)!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;padding:0!important;font-size:13px!important}.sidebar-search input[type=search]::placeholder{color:var(--text-dim)}.sidebar.collapsed .sidebar-search{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-search input[type=search]{display:none}.sidebar-nav{flex-direction:column;flex:1;gap:24px;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section{flex-direction:column;gap:2px;display:flex}.sidebar-section-title{color:var(--text-dim);margin-bottom:8px;padding:0 12px;font-size:11px;font-weight:500}.sidebar.collapsed .sidebar-section-title{display:none}.sidebar-item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;text-align:left;transition:background-color var(--snappy), color var(--snappy), border-color var(--snappy);white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:8px 12px;display:flex}.sidebar.collapsed .sidebar-item{box-sizing:border-box;justify-content:center;place-items:center;gap:0;margin:0;display:grid;block-size:44px!important;inline-size:44px!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important}.sidebar-item-icon{color:var(--text-dim);transition:color var(--snappy);font-size:18px}.sidebar-item-text{font-size:13px;font-weight:500}.sidebar.collapsed .sidebar-item-text{display:none}.sidebar-item:hover:not(.disabled){background:var(--bg-surface);color:var(--text-main)}.sidebar-item:hover:not(.disabled) .sidebar-item-icon{color:var(--text-main)}.sidebar-item.active{background:var(--brand-gradient-subtle);color:var(--text-title);border:1px solid var(--brand-border);position:relative}.sidebar-item.active:before{content:"";border-radius:var(--radius-pill);background:var(--brand-gradient);width:3px;position:absolute;top:8px;bottom:8px;left:0}.sidebar-item:focus{outline:none}.sidebar-item:focus-visible{border-color:var(--border-focus);outline:none}.sidebar-item.active .sidebar-item-icon{color:var(--brand-orange-light)}.sidebar-item.disabled{opacity:.4;cursor:not-allowed}.main-content{background:var(--bg-app);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.tab-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.page-header{padding:16px var(--content-padding);border-bottom:none;justify-content:space-between;align-items:center;display:flex}.page-header-left{align-items:center;gap:8px;display:flex}.page-breadcrumb{display:none}.page-title{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);letter-spacing:-.2px;background:#ffffff0f;align-items:center;gap:6px;width:fit-content;margin:0;padding:6px 14px;font-size:13px;font-weight:500;line-height:1.4;display:inline-flex}.page-title i{color:var(--text-main);font-size:16px}.add-data-table-item{background:var(--bg-surface);height:32px;color:var(--text-title);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--snappy);align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.add-data-table-item i{color:var(--text-title)!important}.add-data-table-item:hover{background:var(--accent-faded);border-color:var(--border-focus)}.page-header-right{align-items:center;gap:12px;display:flex}.page-search{border-radius:var(--radius-md);border:1px solid var(--border-subtle);height:32px;transition:all var(--snappy);box-sizing:border-box;background:0 0;align-items:center;gap:8px;padding:0 12px;display:flex}.page-search:focus-within{border-color:var(--border-focus)}.page-search input[type=search]{caret-color:var(--text-main);color:var(--text-main)!important;background:0 0!important;border:none!important;outline:none!important;width:160px!important;height:100%!important;padding:0!important;font-size:13px!important;line-height:20px!important}.page-search i{color:var(--text-dim);justify-content:center;align-items:center;font-size:16px;display:flex}.data-table th.sortable{cursor:pointer;user-select:none;white-space:nowrap;text-align:left!important}.data-table th .sort-icon{display:none!important}.data-table th.sortable:after{content:" ⇅";color:var(--text-dim);opacity:.25;transition:opacity var(--snappy);vertical-align:middle;margin-left:6px;font-size:11px;display:inline-block}.data-table th.sortable:hover{color:var(--text-main)}.data-table th.sortable:hover:after{opacity:1!important}.data-table th.sort-asc:after{content:" ↑";color:var(--text-main);opacity:1}.data-table th.sort-desc:after{content:" ↓";color:var(--text-main);opacity:1}.tab-content{flex-direction:column;flex:1;padding:0 0 32px;display:flex;overflow:hidden auto}.sub-tab-content{flex-direction:column;flex:auto;min-height:0;display:flex}.sub-tab-panel{flex-direction:column;min-height:0;display:none}.sub-tab-panel.active{flex-direction:column;flex:auto;min-height:0;display:flex!important}#settings .sub-tab-content{flex:none;min-height:0}#settings .sub-tab-panel.active{flex:none;min-height:0;display:block!important}.tab-panel{flex-direction:column;min-height:0;display:none}.tab-panel.active{flex:auto;animation:.2s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tab-panel-header{background:var(--bg-app);z-index:1200;isolation:isolate;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;margin-bottom:0;padding:8px 0 12px;display:flex;position:sticky;top:0}.tab-panel-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) tabPanelFadeIn}@keyframes tabPanelFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sub-tab-panel-fade-in{animation:.25s ease-out subTabPanelFadeIn}@keyframes subTabPanelFadeIn{0%{opacity:.6}to{opacity:1}}body.egds-active .tab-panel-header:before,body.tasks-active .tab-panel-header:before,body.finances-active .tab-panel-header:before,body.youtube-active .tab-panel-header:before,body.training-active .tab-panel-header:before,body.security-active .tab-panel-header:before,body.profile-active .tab-panel-header:before,body.statistics-active .tab-panel-header:before,body.settings-active .tab-panel-header:before,body.projects-active .tab-panel-header:before,body.goals-active .tab-panel-header:before,body.notes-active .tab-panel-header:before,body.pomodoro-active .tab-panel-header:before{content:"";background:var(--bg-app);pointer-events:none;height:40px;position:absolute;top:-40px;left:0;right:0}body.egds-active .tab-panel-header,body.tasks-active .tab-panel-header,body.finances-active .tab-panel-header,body.youtube-active .tab-panel-header,body.training-active .tab-panel-header,body.security-active .tab-panel-header,body.profile-active .tab-panel-header,body.statistics-active .tab-panel-header,body.settings-active .tab-panel-header,body.projects-active .tab-panel-header,body.goals-active .tab-panel-header,body.notes-active .tab-panel-header,body.pomodoro-active .tab-panel-header{padding-top:8px}.tab-panel-table{width:100%}.selected-data-table-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:32px;color:var(--text-muted);background:#ffffff03;flex-shrink:0;align-items:center;gap:6px;padding:0 8px;display:none}.tab-header-right{flex-shrink:0;align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.tab-header-right .page-header-right{align-items:center;gap:6px;min-width:0;margin-left:auto;display:flex}.tab-header-right .search-container{flex:220px;min-width:120px;max-width:360px;margin-left:0}.tab-header-right .page-search input[type=search],.tab-header-right .search-container input[type=search]{min-width:0;width:100%!important}.selected-data-table-item .sub-tab-icon{color:var(--text-dim);font-size:14px}.selected-data-table-item-badge{color:var(--text-main);font-size:13px;font-weight:500;line-height:1}.selected-data-table-item-label{color:var(--text-dim);font-size:12px;line-height:1;display:none}.data-table-bulk-actions{flex-shrink:0;align-items:center;gap:6px;display:none}.task-bulk-more{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.task-bulk-more-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--snappy);white-space:nowrap;background:#ffffff08;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.task-bulk-more-toggle:hover,.task-bulk-more.is-open .task-bulk-more-toggle{border-color:var(--border-focus);color:var(--text-main);background:#ffffff12}.task-bulk-more-menu{border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-md);z-index:620;background:#111114;flex-direction:column;gap:4px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0}.task-bulk-more.is-open .task-bulk-more-menu{display:flex}.task-bulk-more-menu .task-bulk-action-btn{justify-content:flex-start;width:100%}.task-bulk-action-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--snappy);white-space:nowrap;background:#ffffff08;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.task-bulk-action-btn:hover{border-color:var(--border-focus);color:var(--text-main);background:#ffffff12}.tasks-smart-sort-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--snappy);white-space:nowrap;background:#ffffff08;align-items:center;gap:6px;margin-right:0;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.tasks-smart-sort-toggle:hover{border-color:var(--border-focus);color:var(--text-main);background:#ffffff12}.tasks-smart-sort-toggle.active{color:#cfe0ff;background:#6aa4ff24;border-color:#6aa4ff6b}.delete-data-table-item{border-radius:var(--radius-md);color:#ff5050e0;cursor:pointer;height:32px;transition:all var(--snappy);white-space:nowrap;background:#ff44440a;border:1px solid #ff444438;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.delete-data-table-item:hover{color:#f44;background:#ff44441a;border-color:#ff444459}.delete-data-table-item .sub-tab-icon{color:inherit;font-size:16px}.add-data-table-item{flex-shrink:0;margin-left:0}.sub-tab-button{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--snappy);white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.sub-tab-button.active i{color:var(--text-main)!important}.sub-tab-icon{font-size:16px}.sub-tab-button.active .sub-tab-icon{color:var(--text-main)}.sub-tab-button.is-static{cursor:default}.sub-tabs-more{z-index:1205;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.sub-tabs-more-toggle{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--snappy);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.sub-tabs-more-toggle:hover,.sub-tabs-more.is-open .sub-tabs-more-toggle,.sub-tabs-more-toggle.active{border-color:var(--border-subtle);color:var(--text-main);background:#ffffff0f}.sub-tabs-more-menu{border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:210px;box-shadow:var(--shadow-md);z-index:1300;background:#111114;flex-direction:column;gap:4px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0}.sub-tabs-more.is-open .sub-tabs-more-menu{display:flex}.sub-tabs-more-menu .sub-tab-button{justify-content:flex-start;width:100%}.search-container{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:0 0;align-items:center;gap:8px;height:32px;margin-left:auto;padding:0 12px;display:flex}.search-container input[type=search]{caret-color:var(--text-main);color:var(--text-main)!important;background:0 0!important;border:none!important;outline:none!important;width:200px!important;height:100%!important;padding:0!important;font-size:13px!important;line-height:20px!important}.page-search input[type=search]::placeholder,.search-container input[type=search]::placeholder{transition:opacity .15s}.page-search input[type=search]:focus::placeholder,.search-container input[type=search]:focus::placeholder{opacity:0}.search-container i{color:var(--text-dim);justify-content:center;align-items:center;font-size:16px;display:flex}.filter-button{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-main);cursor:pointer;place-items:center;display:grid}.filter-button:hover{background:var(--border-focus)}.data-table-container,.tab-panel-table{min-height:0;overflow:auto;width:100%!important}.data-table colgroup{display:none!important}#tasks .data-table colgroup{display:table-column-group!important}.data-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%!important}.data-table th.col-checkbox,.data-table td.col-checkbox{text-align:center;width:40px!important;min-width:40px!important;max-width:40px!important}.data-table th.col-actions,.data-table td.col-actions{text-align:right;width:56px!important;min-width:56px!important;max-width:56px!important}.data-table th.col-status,.data-table td.col-status{white-space:nowrap!important;width:150px!important;min-width:150px!important;max-width:170px!important}.data-table th.col-date,.data-table td.col-date{white-space:nowrap!important;width:180px!important;min-width:180px!important;max-width:200px!important}.data-table th.col-name,.data-table td.col-name{white-space:nowrap!important;text-overflow:clip!important;width:auto!important;min-width:250px!important;overflow:visible!important}.data-table thead{z-index:23;background:#09090b;position:relative}.data-table thead tr{background:#09090b}.data-table thead th{z-index:24;background-clip:padding-box;position:sticky;top:0;background:#09090b!important}.data-table th{color:var(--text-dim);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:8px 16px;font-size:11px;font-weight:500}.data-table td{color:var(--text-main);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:10px 16px;font-size:13px;position:relative;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.data-table td.col-name{white-space:nowrap!important;text-overflow:clip!important;overflow:visible!important}.data-table td.col-status,.data-table td.col-date{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#ffffff05}.task-title{color:var(--text-title);white-space:normal;text-overflow:clip;word-break:break-word;max-width:100%;margin-bottom:4px;font-size:14px;font-weight:500;line-height:1.4;overflow:visible}.task-desc{color:var(--text-dim);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.task-tag{color:var(--text-muted);background:var(--bg-surface);border-radius:var(--radius-pill);border:1px solid var(--border-subtle);letter-spacing:.2px;padding:2px 8px;font-size:10px;font-weight:500}.data-table .task-title{color:var(--text-main)!important;margin:0!important;font-size:13px!important;font-weight:400!important;line-height:1.4!important}.data-table .task-desc{display:-webkit-box!important}.data-table .task-tags{display:flex!important}.date-val{white-space:nowrap!important}.col-category,.col-period,.col-limit{min-width:0}.col-checkbox{text-align:center;width:40px;min-width:40px;max-width:40px;padding:0!important}.col-name{width:auto}.task-timer-controls{align-items:center;gap:6px;display:flex}.timer-button{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--snappy);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.timer-button i{font-size:18px;line-height:1;display:flex}.timer-button:hover{background:var(--accent-faded);border-color:var(--accent-base);color:var(--text-title)}.data-table th.col-checkbox{text-align:center!important}input[type=checkbox]{appearance:none;border:1px solid var(--text-dim);cursor:pointer;vertical-align:middle;background:0 0;width:16px;height:16px;display:inline-block;position:relative;border-radius:4px!important}input[type=checkbox]:checked{background:var(--text-main);border-color:var(--text-main)}input[type=checkbox]:checked:after{content:"";border:solid var(--bg-app);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}input[type=checkbox].task-done{border-radius:4px!important}input[type=checkbox].select-all-checkbox,input[type=checkbox].row-checkbox{border-radius:50%!important}.data-table td.col-checkbox .task-done{border-radius:4px!important}.add-edit-project-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:24px;padding:24px}.legacy-modal{z-index:3000;-webkit-backdrop-filter:blur(4px);background:#0000009e;padding:22px 16px;display:none;position:fixed;inset:0;overflow:auto;border:0!important;border-radius:0!important;margin:0!important}.legacy-modal.active{display:block!important}.legacy-modal .add-edit-project-panel-header,.legacy-modal .add-edit-project-panel-content,.legacy-modal .add-edit-project-panel-actions{background:var(--bg-surface);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);width:min(760px,100%);margin-left:auto;margin-right:auto}.legacy-modal .add-edit-project-panel-header{border-top:1px solid var(--border-subtle);border-top-left-radius:14px;border-top-right-radius:14px;margin-top:24px;margin-bottom:0;padding:20px 22px 12px}.legacy-modal .add-edit-project-panel-content{padding:14px 22px 8px}.legacy-modal .add-edit-project-panel-actions{border-bottom:1px solid var(--border-subtle);border-bottom-right-radius:14px;border-bottom-left-radius:14px;margin-top:0;padding:14px 22px 20px}.add-edit-project-panel-header{margin-bottom:20px}.add-edit-project-panel-title{color:var(--text-title);font-size:16px;font-weight:600}.add-edit-project-panel-content{flex-direction:column;gap:16px;display:flex}.add-edit-project-panel-row{gap:16px;display:flex}.add-edit-project-panel-group{flex-direction:column;flex:1;gap:6px;display:flex}.field-label{color:var(--text-dim);font-size:12px;font-weight:500}.field-meta{color:var(--text-muted);margin-top:4px;font-size:11px}input[type=text],input[type=password],input[type=number],input[type=search]{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);transition:all var(--snappy);padding:8px 12px;font-size:13px}input:focus{border-color:var(--text-dim);outline:none}.add-edit-project-panel-actions{gap:12px;margin-top:24px;display:flex}.edit-profile-panel .add-edit-project-panel-actions{justify-content:center}.btn-save,.btn-cancel{border-radius:var(--radius-md);cursor:pointer;transition:all var(--snappy);padding:8px 16px;font-size:13px;font-weight:500}.btn-save{background:var(--text-main);color:var(--bg-app);border:none}.btn-save:hover{opacity:.9}.btn-cancel{color:var(--text-main);border:1px solid var(--border-subtle);background:0 0}.btn-cancel:hover{background:var(--bg-surface)}.custom-select{display:block;position:relative}.custom-select:after{content:"";pointer-events:none;z-index:4;border-bottom:2px solid #9ca3af;border-right:2px solid #9ca3af;width:7px;height:7px;transition:transform .12s,border-color .12s;position:absolute;top:50%;right:14px;transform:translateY(-65%)rotate(45deg)}.custom-select.is-open:after{border-color:#c4cad8;transform:translateY(-35%)rotate(225deg)}.custom-select-toggle{border:1px solid var(--border-subtle);width:100%;min-height:42px;color:var(--text-main);text-align:left;cursor:pointer;background:#ffffff0d;border-radius:8px;outline:none;padding:10px 40px 10px 12px;font-size:14px;line-height:1.2}.custom-select.is-open .custom-select-toggle,.custom-select-toggle:focus-visible{border-color:#4b4e57;outline:none}.custom-select-menu{box-shadow:var(--shadow-md);z-index:15;border-radius:10px;flex-direction:column;gap:2px;max-height:220px;margin:0;padding:6px;list-style:none;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;background:#242427!important;border:1px solid #3a3a40!important}.custom-select.is-open .custom-select-menu{display:flex}.custom-select-menu::-webkit-scrollbar{width:4px}.custom-select-menu::-webkit-scrollbar-thumb{background:#949bad8c;border-radius:999px}.custom-select-option{width:100%;color:var(--text-main);text-align:left;cursor:pointer;border:none;border-radius:8px;padding:9px 10px;font-size:14px;list-style:none;background:#242427!important}.custom-select-option:hover{background:#303036!important}.custom-select-option.is-selected{color:var(--text-title);background:#3a3a42!important}.date-ghost-hint{color:#ffffff47;pointer-events:none;white-space:nowrap;z-index:5;position:absolute;overflow:hidden}.kanban-board{gap:16px;height:100%;display:flex;overflow-x:auto}.kanban-column{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;min-width:300px;padding:16px;display:flex}.kanban-column-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.kanban-column-name{color:var(--text-title);font-size:13px;font-weight:600}.kanban-column-count{color:#60a5fa;border-radius:var(--radius-pill,9999px);background:#3b82f61f;border:1px solid #3b82f640;padding:2px 8px;font-size:11px;font-weight:600}.kanban-cards{border-radius:8px;flex-direction:column;flex:1;gap:10px;min-height:120px;padding:2px;transition:background .15s,border-color .15s;display:flex;overflow-y:auto}.kanban-cards.drag-over{background:#3b82f60f!important;border:1px dashed #3b82f666!important}.kanban-card{border-radius:var(--radius-md,10px);cursor:grab;background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;gap:10px;padding:14px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0003}.kanban-card:hover{background:#ffffff0d;border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.kanban-card:active{cursor:grabbing}.priority-badge{border-radius:var(--radius-pill,9999px);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.priority-badge.high{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.priority-badge.medium{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.priority-badge.low{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.kanban-tag{color:var(--text-dim,#a1a1aa);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:500}.message-container{border-radius:var(--radius-md);letter-spacing:.1px;min-width:220px;max-width:min(360px,100vw - 24px);color:var(--text-main);z-index:9999;-webkit-backdrop-filter:blur(8px);background:#18181bf5;border:1px solid #ffffff14;padding:12px 14px 12px 44px;font-size:14px;font-weight:500;line-height:1.35;transition:opacity .18s,transform .18s;position:fixed;bottom:20px;right:20px;box-shadow:0 14px 30px #00000080}.message-container:before{content:"";border:2px solid #ffffff40;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.message-container:after{content:"";border-radius:var(--radius-pill);background:#ffffff40;width:3px;position:absolute;top:10px;bottom:10px;left:0}.message-container.success{border-color:#10b98147}.message-container.error{border-color:#ef44444d}.message-container.success:before{border-color:#10b981d9}.message-container.error:before{border-color:#ef4444e6}.message-container.info:before{border-color:#60a5fad9}.message-container.success:after{background:#10b981d9}.message-container.error:after{background:#ef4444e6}.message-container.info:after{background:#60a5fad9}.message-container.is-hidden{opacity:0;pointer-events:none;transform:translateY(10px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-focus);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.add-edit-project-panel-actions button{justify-content:center;align-items:center;display:flex}.row-more-btn{width:28px;height:24px;color:var(--text-dim);cursor:pointer;vertical-align:middle;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin-left:0;transition:all .2s;display:inline-flex;border-radius:var(--radius-md)!important}.row-more-btn:hover{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-subtle)}.row-more-btn i{font-size:16px;line-height:1;display:inline-block!important}.row-more-btn:after{content:""!important;display:none!important}.row-context-menu{z-index:2000;background:var(--bg-surface);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-lg);opacity:0;transition:transform var(--snappy), opacity var(--snappy);pointer-events:none;padding:4px;position:absolute;transform:translateY(-8px)}.row-context-menu.active{opacity:1;pointer-events:auto;transform:translateY(0)}.row-context-menu .menu-item{color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--snappy);align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.row-context-menu .menu-item i{color:var(--text-dim);text-align:center;width:16px;font-size:14px}.row-context-menu .menu-item:hover{color:var(--text-title);background:#ffffff0d}.row-context-menu .menu-item.danger,.row-context-menu .menu-item.danger i{color:var(--color-danger)}.row-context-menu .menu-item.danger:hover{background:var(--color-danger-bg)}.edit-data-table-item{border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;color:var(--text-dim);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:16px;display:flex!important}.edit-data-table-item:hover{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-subtle)}.timer-button{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;width:28px;height:28px;transition:all var(--snappy);justify-content:center;align-items:center;display:flex!important}.timer-button i{justify-content:center;align-items:center;font-size:14px;line-height:1;display:flex}.sub-tab-button:hover{color:var(--text-main);background:var(--bg-surface)}.sub-tab-button.active{border-color:var(--border-subtle);color:var(--text-main);background:#ffffff0f}.sub-tab-button i,.sub-tab-button i.sub-tab-icon{pointer-events:none;align-items:center;font-size:16px;line-height:1;display:flex}.sub-tab-button span{pointer-events:none;font-weight:500}.data-table th.col-checkbox,.data-table td.col-checkbox{text-align:center!important;vertical-align:middle!important;width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important}.select-all-checkbox,.row-checkbox{cursor:pointer;vertical-align:middle;margin:0!important;display:inline-block!important}.data-table th,.data-table td{vertical-align:middle!important;padding:12px 16px!important}#tasks .data-table th.col-func,#tasks .data-table th.col-checkbox,#tasks .data-table td.col-checkbox{text-align:center!important;width:32px!important;min-width:32px!important;max-width:32px!important;padding:12px 0!important}#tasks .data-table th.col-timer,#tasks .data-table td.col-timer{text-align:center!important;width:104px!important;min-width:104px!important;max-width:116px!important;padding:0 6px!important}.data-table th.col-date,.data-table td.col-date{white-space:nowrap!important}#tasks .data-table th.col-actions,#tasks .data-table td.col-actions{text-align:center!important;padding:0!important}.tab-panel-header .sub-tab-button{flex-shrink:0}.tab-panel-header{flex-wrap:wrap;gap:6px;padding-bottom:6px!important}.tab-header-right{flex-wrap:wrap;flex:none;justify-content:flex-end;row-gap:6px;min-width:0}.tab-header-right .page-header-right{flex-wrap:wrap;flex:0 auto;row-gap:6px;min-width:0}.tab-header-right .search-container{flex:180px;min-width:72px;max-width:260px}@media (width<=1366px){.tab-panel-header{row-gap:6px}.tab-header-right .search-container{flex:220px;min-width:180px;max-width:320px}}#tasks.bulk-selection-active .tab-header-right .search-container{flex:0 112px;min-width:56px;max-width:112px}.tab-header-right .page-search{transition:none!important}.sub-tab-panel .data-table-container,.sub-tab-panel .tab-panel-table{max-height:calc(100dvh - 100px)!important}.data-table th.col-actions,.data-table td.col-actions{text-align:center!important;width:40px!important;min-width:40px!important;padding:0!important}.data-table th.col-actions.sortable:after{margin-left:6px;display:inline-block}.timer-cell-content{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.data-table th{text-transform:none!important;letter-spacing:0!important;color:var(--text-muted)!important;border-bottom:1px solid var(--border-subtle)!important;white-space:nowrap!important;font-size:13px!important;font-weight:500!important}.data-table:has(tbody:empty) thead th{border-bottom:none!important}.select-all-checkbox,.row-checkbox,.task-done{vertical-align:middle;margin:0!important;display:inline-block!important}.task-timer-controls{justify-content:center!important;align-items:center!important;width:100%!important;margin:0 auto!important;display:flex!important}.task-tags{flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important;display:flex!important}.task-tag{color:var(--text-muted)!important;white-space:nowrap!important;cursor:pointer!important;background:#ffffff0d!important;border:1px solid #ffffff14!important;border-radius:4px!important;padding:2px 8px!important;font-size:11px!important;font-weight:500!important;transition:all .2s!important}.task-tag:hover{transform:translateY(-1px);color:#60a5fa!important;background:#3b82f626!important;border-color:#3b82f659!important}.data-table th.col-checkbox,.data-table td.col-checkbox,.data-table th.col-actions,.data-table td.col-actions{text-align:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important}.data-table th.col-date,.data-table td.col-date{white-space:nowrap!important;width:150px!important}.data-table th.col-status,.data-table td.col-status,.data-table th.col-category,.data-table td.col-category{white-space:nowrap!important;width:140px!important}.data-table th.col-amount,.data-table td.col-amount,.data-table th.col-price,.data-table td.col-price,.data-table th.col-balance,.data-table td.col-balance{font-variant-numeric:tabular-nums;text-align:right!important;width:130px!important}.data-table th.col-currency,.data-table td.col-currency{text-align:center!important;width:80px!important}.data-table th.col-quantity,.data-table td.col-quantity{text-align:center!important;width:100px!important}.data-table{border-collapse:collapse!important;width:100%!important}.data-table tbody tr:last-child,.data-table tbody tr:last-child td{border-bottom:none!important}.data-table td{box-sizing:border-box!important;height:54px!important;padding:12px 16px!important}.data-table tbody tr:hover td{background-color:#ffffff05!important}.data-table td>*{vertical-align:middle}#tasks .data-table,#egds .data-table,#finances .data-table,#youtube .data-table,#projects .data-table,#security .data-table,#training .data-table,#goals .data-table,#settings .data-table{table-layout:auto!important;border-collapse:collapse!important;border-spacing:0!important;width:100%!important;min-width:100%!important}.data-table-container,.tab-panel-table{border:1px solid var(--border-subtle);scrollbar-width:none;-ms-overflow-style:none;background:#ffffff03;border-radius:12px;flex-direction:column;width:100%;display:flex;position:relative;overflow:auto;height:auto!important;min-height:0!important;max-height:calc(100dvh - 72px)!important;margin-top:0!important;padding:0!important}.data-table{border-spacing:0!important;margin:0!important}.data-table thead th:first-child{border-top-left-radius:11px!important}.data-table thead th:last-child{border-top-right-radius:11px!important}@media (width<=768px){.data-table-container,.tab-panel-table{height:calc(100dvh - 115px)!important;min-height:calc(100dvh - 115px)!important;max-height:calc(100dvh - 115px)!important}}.data-table-container::-webkit-scrollbar{width:0;height:0;display:none}.tab-panel-table::-webkit-scrollbar{width:0;height:0;display:none}.table-edge-scrollbar{pointer-events:auto;cursor:ns-resize;user-select:none;z-index:40;background:0 0;width:1px;position:absolute}.table-edge-scrollbar:before{content:"";width:12px;height:100%;position:absolute;top:0;left:-5.5px}.table-edge-scrollbar.is-hidden,.table-bottom-scrollbar.is-hidden{opacity:0;pointer-events:none;visibility:hidden}.table-edge-scrollbar .table-edge-thumb{width:1px;box-shadow:none;background:#626262;border-radius:999px;transition:background .15s,box-shadow .15s;position:absolute;top:0;left:0}.table-edge-scrollbar:hover .table-edge-thumb{background:#707070;box-shadow:0 0 0 1.5px #707070}.table-bottom-scrollbar{pointer-events:auto;cursor:ew-resize;user-select:none;z-index:40;background:0 0;height:12px;position:absolute}.table-bottom-scrollbar.is-hidden{opacity:0}.table-bottom-scrollbar .table-bottom-thumb{height:1px;box-shadow:none;background:#626262;border-radius:999px;transition:background .15s,box-shadow .15s;position:absolute;top:50%;left:0}.table-bottom-scrollbar:hover .table-bottom-thumb{background:#707070;box-shadow:0 0 0 1.5px #707070}.table-edge-scrollbar.is-dragging .table-edge-thumb,.table-bottom-scrollbar.is-dragging .table-bottom-thumb{background:#828282;box-shadow:0 0 0 2px #828282}#tasks .data-table th:not(.col-checkbox):not(.col-actions):not(.col-timer),#tasks .data-table td:not(.col-checkbox):not(.col-actions):not(.col-timer),#tasks .sub-tab-panel .data-table{table-layout:fixed!important}.data-table-container,.tab-panel-table{overflow:auto!important}.data-table thead th{z-index:24!important;background:#09090b!important;position:sticky!important;top:0!important}#tasks .data-table thead th{padding-top:6px!important;padding-bottom:6px!important;font-size:11px!important;line-height:1.2!important}#tasks .data-table thead th.col-actions,#tasks .data-table thead th.col-func,#tasks .data-table thead th.col-timer{padding-top:6px!important;padding-bottom:6px!important}#tasks .data-table thead th i[class^=ri-]{font-size:14px;line-height:1}.tab-panel:not(#tasks) .data-table thead th{padding-top:6px!important;padding-bottom:6px!important;font-size:11px!important;line-height:1.2!important}.tab-panel:not(#tasks) .data-table thead th i[class^=ri-]{font-size:14px;line-height:1}#tasks .data-table th.col-date,#tasks .data-table td.col-date{white-space:nowrap!important}#tasks .data-table td.col-category,#tasks .data-table td.col-period,#tasks .data-table td.col-limit{white-space:nowrap}#tasks .add-edit-project-panel,#egds .add-edit-project-panel{margin-bottom:12px}#tasks .data-table tbody tr.task-row-has-meta td{vertical-align:top!important;padding-top:12px!important}#tasks .data-table tbody tr:not(.task-row-has-meta) td{vertical-align:middle!important}#egds select{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-app);width:100%;height:40px;color:var(--text-main);padding:8px 12px}body.dashboard-active .page-header-left,body.egds-active .page-header-left,body.tasks-active .page-header-left,body.finances-active .page-header-left,body.youtube-active .page-header-left,body.training-active .page-header-left,body.security-active .page-header-left,body.profile-active .page-header-left,body.statistics-active .page-header-left,body.settings-active .page-header-left,body.projects-active .page-header-left,body.goals-active .page-header-left{display:none}body.dashboard-active .page-header,body.egds-active .page-header,body.tasks-active .page-header,body.finances-active .page-header,body.youtube-active .page-header,body.training-active .page-header,body.security-active .page-header,body.profile-active .page-header,body.statistics-active .page-header,body.settings-active .page-header,body.projects-active .page-header,body.photo-reports-active .page-header,body.goals-active .page-header,body.notes-active .page-header,body.habits-active .page-header,body.pomodoro-active .page-header{display:none!important}body.dashboard-active .tab-content,body.photo-reports-active .tab-content,body.egds-active .tab-content,body.tasks-active .tab-content,body.finances-active .tab-content,body.youtube-active .tab-content,body.training-active .tab-content,body.security-active .tab-content,body.profile-active .tab-content,body.statistics-active .tab-content,body.settings-active .tab-content,body.projects-active .tab-content,body.goals-active .tab-content,body.notes-active .tab-content,body.pomodoro-active .tab-content,body.habits-active .tab-content{padding-top:0;overflow-x:hidden;padding-bottom:14px!important;padding-inline:16px!important;overflow-y:auto!important}body.habits-active .tab-panel-header{margin-top:0!important;padding-top:8px!important;transform:none!important}.tab-panel-header,.sub-tab-content,.sub-tab-panel .data-table-container{margin-inline:0!important}body.statistics-active .tab-content{overflow:hidden auto}body.statistics-active #statistics .tab-header-right .page-header-right,body.settings-active #settings .tab-header-right .page-header-right,body.training-active #training .tab-header-right .page-header-right,body.profile-active #profile .tab-header-right .page-header-right{display:none!important}body.profile-active #profile .tab-panel-header{display:none}.custom-modal{z-index:3000;backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s ease-out fadeIn;display:none;position:fixed;top:0;left:0}.custom-modal.active{display:flex}.custom-modal-content{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;flex-direction:column;width:320px;max-height:calc(100vh - 32px);padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000080}.custom-modal-close{border:1px solid var(--border-subtle);width:30px;height:30px;color:var(--text-dim);cursor:pointer;z-index:2;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:10px;right:10px}.custom-modal-close i{font-size:16px;line-height:1}.custom-modal-close:hover{color:var(--text-main);background:#ffffff14;border-color:#4d515b}.custom-modal-title{color:var(--text-title);margin-bottom:12px;font-size:18px;font-weight:600}.custom-modal-message{color:var(--text-main);margin-bottom:24px;font-size:14px;line-height:1.5}.custom-modal-actions{justify-content:center;gap:12px;display:flex}.custom-modal-actions button{border-radius:var(--radius-md);cursor:pointer;border:none;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary{background:var(--border-subtle);color:var(--text-main)}.btn-secondary:hover{background:#ffffff1a}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}.edit-modal-wide{text-align:left!important;width:600px!important;max-width:90vw!important}.modal-form-grid{grid-template-columns:1fr 1fr;gap:16px;min-height:0;margin-bottom:24px;display:grid}#add-task-modal .modal-form-scroll,#edit-task-modal .modal-form-scroll{flex:auto;width:calc(100% - 12px);margin-bottom:24px;margin-left:auto;margin-right:auto;padding-left:4px;padding-right:4px;overflow:hidden auto}#add-task-modal .modal-form-scroll .modal-form-grid,#edit-task-modal .modal-form-scroll .modal-form-grid{margin-bottom:0}.form-group{flex-direction:column;gap:6px;display:flex}.full-width{grid-column:span 2}.field-input,.field-select,.field-textarea{outline:none;width:100%;font-family:inherit;font-size:14px;transition:border-color .2s;border:1px solid var(--border-subtle)!important;color:var(--text-main)!important;background:#ffffff0d!important;border-radius:8px!important;padding:10px 12px!important}.field-select-wrap{position:relative}.field-select-wrap:after{content:"";pointer-events:none;z-index:4;border-bottom:2px solid #9ca3af;border-right:2px solid #9ca3af;width:7px;height:7px;transition:transform .12s,border-color .12s;position:absolute;top:50%;right:14px;transform:translateY(-65%)rotate(45deg)}.field-select-wrap.is-open:after{border-color:#c4cad8;transform:translateY(-35%)rotate(225deg)}.field-select{appearance:none;color-scheme:dark;cursor:pointer;background-image:none;color:var(--text-main)!important;background-color:#ffffff0d!important;padding-right:44px!important}.field-select-wrap>.field-select{opacity:0;pointer-events:none;position:absolute;inset:0}.field-select-trigger{border:1px solid var(--border-subtle);width:100%;min-height:42px;color:var(--text-main);text-align:left;cursor:pointer;background:#ffffff0d;border-radius:8px;padding:10px 40px 10px 12px;font-size:14px;line-height:1.2}.field-number-wrap{position:relative}.field-input-number{-moz-appearance:textfield;padding-right:44px!important}.field-input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-input-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-number-controls{flex-direction:column;gap:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.field-number-btn{border:1px solid var(--border-subtle);width:20px;height:14px;color:var(--text-dim);cursor:pointer;background:#ffffff0a;border-radius:5px;justify-content:center;align-items:center;padding:0;display:inline-flex}.field-number-btn i{font-size:10px;line-height:1}.field-number-btn:hover{color:var(--text-main);background:#ffffff14;border-color:#4d515b}.field-select-wrap.is-open .field-select-trigger,.field-select-trigger:focus-visible{border-color:#4b4e57;outline:none}.field-select-menu{box-shadow:none;z-index:15;border-radius:10px;flex-direction:column;gap:2px;max-height:220px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;background:#242427!important;border:1px solid #3a3a40!important}.field-select-wrap.is-open .field-select-menu{display:flex}.field-select-menu::-webkit-scrollbar{width:4px}.field-select-menu::-webkit-scrollbar-thumb{background:#949bad8c;border-radius:999px}.field-select-option{width:100%;color:var(--text-main);text-align:left;cursor:pointer;border:none;border-radius:8px;padding:9px 10px;font-size:14px;background:#242427!important}.field-select-option:hover{background:#303036!important}.field-select-option.is-selected{color:var(--text-title);background:#3a3a42!important}.field-select option{color:var(--text-main);background:#202024}.field-select option:checked{color:var(--text-title);background:#2a2a31}.field-select option:disabled{color:var(--text-dim)}.date-field-wrap{position:relative}.date-field-wrap .field-input{padding-left:14px!important;padding-right:42px!important}.task-date-field-wrap .field-input{padding-right:172px!important}.date-picker-trigger{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-dim);cursor:pointer;transition:border-color var(--snappy), color var(--snappy), background var(--snappy);background:#ffffff08;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.date-picker-trigger:hover{color:var(--text-main);border-color:var(--border-focus);background:#ffffff0f}.date-today-trigger{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:28px;color:var(--text-dim);cursor:pointer;transition:border-color var(--snappy), color var(--snappy), background var(--snappy);background:#ffffff08;padding:0 8px;font-size:11px;line-height:1;position:absolute;top:50%;right:74px;transform:translateY(-50%)}.date-today-trigger:hover{color:var(--text-main);border-color:var(--border-focus);background:#ffffff0f}.date-shift-controls{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff08;flex-direction:column;width:28px;height:28px;display:flex;position:absolute;top:50%;right:40px;overflow:hidden;transform:translateY(-50%)}.date-shift-trigger{width:100%;height:50%;color:var(--text-dim);cursor:pointer;transition:border-color var(--snappy), color var(--snappy), background var(--snappy);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;display:inline-flex}.date-shift-up{border-bottom:1px solid var(--border-subtle)}.date-shift-trigger i{font-size:12px}.date-shift-trigger:hover{color:var(--text-main);background:#ffffff0f}.native-date-picker{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.datetime-popover{z-index:1200;border:1px solid var(--border-subtle);background:#15161b;border-radius:12px;width:300px;padding:10px;position:fixed;box-shadow:0 22px 44px #0000008c}.datetime-popover[hidden]{display:none}.dtp-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.dtp-nav-btn{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-main);cursor:pointer;background:#ffffff0a;border-radius:8px}.dtp-nav-btn:hover{background:#ffffff14}.dtp-month-label{color:var(--text-title);font-size:13px;font-weight:600}.dtp-weekdays,.dtp-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.dtp-weekday{text-align:center;color:var(--text-dim);padding:2px 0;font-size:11px}.dtp-day{height:30px;color:var(--text-main);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;font-size:13px}.dtp-day:hover{border-color:var(--border-focus);background:#ffffff0f}.dtp-day.is-outside{color:#ffffff59}.dtp-day.is-selected{color:var(--text-title);background:#ffffff24;border-color:#ffffff38}.dtp-time{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:10px;display:grid}.dtp-time-label{color:var(--text-dim);margin-top:10px;font-size:11px}.dtp-time-sep{color:var(--text-dim);font-weight:600}.dtp-time-input{border:1px solid var(--border-subtle);height:34px;color:var(--text-main);text-align:center;background:#ffffff0d;border-radius:8px;outline:none}.dtp-actions{justify-content:space-between;gap:8px;margin-top:10px;display:flex}.dtp-actions-left{flex-wrap:wrap;gap:6px;display:inline-flex}.dtp-btn{border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;background:#ffffff0d;border-radius:8px;height:32px;padding:0 12px}.dtp-btn:hover{background:#ffffff1a}.dtp-btn.apply{border-color:var(--border-focus)}.dtp-btn.ghost{color:var(--text-dim)}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:var(--text-muted)!important}.field-textarea{resize:vertical;min-height:120px}#task-desc,#edit-task-desc{max-width:100%}#add-task-modal .custom-modal-actions,#edit-task-modal .custom-modal-actions{border-top:1px solid var(--border-subtle);background:linear-gradient(to top, var(--bg-surface), var(--bg-surface));flex-shrink:0;margin-top:auto;padding-top:14px}.checkbox-group{margin-top:10px;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;display:flex!important}.checkbox-group input[type=checkbox]{vertical-align:middle;flex-shrink:0;transform:none;width:16px!important;height:16px!important;margin:0!important;padding:0!important}.checkbox-group label{cursor:pointer;align-items:center;display:inline-flex;transform:none;margin:0!important;padding:0!important;font-size:13px!important;line-height:1.3!important}.user-tab-access-group{margin-top:4px}.user-tab-access{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 12px;width:100%;display:grid}.user-tab-access-item{color:var(--text-main);align-items:center;gap:8px;font-size:14px;display:inline-flex}#settings .data-table th.col-name,#settings .data-table td.col-name{width:32%}#settings .data-table th.col-value,#settings .data-table td.col-value{width:46%}#settings .data-table th.col-date,#settings .data-table td.col-date{width:22%}#settings .setting-input{border:1px solid var(--border-subtle);width:100%;height:36px;color:var(--text-main);background:#ffffff05;border-radius:10px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .16s,background .16s}#settings .setting-input:focus{border-color:var(--border-focus);background:#ffffff0a}#settings .setting-value-static{min-height:36px;color:var(--text-main);align-items:center;font-weight:500;display:inline-flex}.search-clear{z-index:5;justify-content:center;align-items:center;display:none;cursor:pointer!important;color:var(--text-dim)!important;background:0 0!important;border:none!important;padding:4px!important;position:absolute!important;top:50%!important;right:10px!important;transform:translateY(-50%)!important}.search-clear:hover{color:var(--text-main)!important}.search-clear i{font-size:16px!important}.search-container{position:relative!important}.page-search input{padding-right:35px!important}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-results-button{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}input[type=search]{appearance:none}.task-timer{background:var(--bg-app);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:#60a5fa;vertical-align:middle;box-sizing:border-box;justify-content:center;align-items:center;min-width:64px;margin-left:0;padding:4px 12px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.active-timer-badge{color:#60a5fa;animation:2.5s ease-in-out infinite timer-blink-anim}.task-timer.countdown{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa33}.task-timer.overtime{color:#ef4444;background:#ef44441a;border-color:#ef444433;animation:2s infinite pulse-danger}@keyframes pulse-danger{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.timer-blink{animation:1.5s ease-in-out infinite timer-blink-anim}@keyframes timer-blink-anim{0%,to{opacity:1}50%{opacity:.5}}[data-tooltip]{position:relative}.smart-tooltip{background:var(--bg-surface);color:var(--text-title);border-radius:var(--radius-md);pointer-events:none;z-index:10000;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);opacity:0;visibility:hidden;white-space:nowrap;letter-spacing:.1px;padding:6px 12px;font-size:12px;font-weight:500;transition:opacity .15s,transform .15s;position:fixed}.smart-tooltip.is-visible{opacity:1;visibility:visible}.smart-tooltip-arrow{pointer-events:none;border-style:solid;width:0;height:0;position:absolute}.smart-tooltip[data-pos=top] .smart-tooltip-arrow{border-width:5px 5px 0;border-color:var(--border-subtle) transparent transparent transparent;bottom:-5px;left:50%;transform:translate(-50%)}.smart-tooltip[data-pos=bottom] .smart-tooltip-arrow{border-width:0 5px 5px;border-color:transparent transparent var(--border-subtle) transparent;top:-5px;left:50%;transform:translate(-50%)}.smart-tooltip[data-pos=left] .smart-tooltip-arrow{border-width:5px 0 5px 5px;border-color:transparent transparent transparent var(--border-subtle);top:50%;right:-5px;transform:translateY(-50%)}.smart-tooltip[data-pos=right] .smart-tooltip-arrow{border-width:5px 5px 5px 0;border-color:transparent var(--border-subtle) transparent transparent;top:50%;left:-5px;transform:translateY(-50%)}.profile-content{gap:16px;width:min(860px,100%);max-width:100%;margin:8px auto 0;padding:8px 0 32px;display:grid}.profile-hero,.profile-sections,.profile-actions-card{border:1px solid var(--border-subtle);backdrop-filter:blur(8px);background:linear-gradient(130deg,#ffffff09,#ffffff04);border-radius:16px}.profile-hero{grid-template-columns:140px 1fr;align-items:center;gap:20px;padding:18px;display:grid}.profile-avatar{background-color:var(--bg-surface);cursor:pointer;border:1px solid #ffffff24;border-radius:50%;width:128px;height:128px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.profile-avatar:hover{border-color:#ffffff47;box-shadow:0 0 0 2px #ffffff14}.profile-avatar img{object-fit:cover;width:100%;height:100%}.avatar-overlay{opacity:0;background:#060a1252;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-avatar:hover .avatar-overlay{opacity:1}.avatar-overlay i{color:#fff;background:#080c14c7;border:1px solid #ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:inline-flex}.profile-identity{min-width:0}.profile-kicker{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px}.profile-display-name{color:var(--text-title);margin:0;font-size:30px;font-weight:700;line-height:1.15}.profile-identity-meta{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.profile-chip{min-height:30px;color:var(--text-main);background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;display:inline-flex}.profile-chip i{color:var(--text-dim)}.profile-sections{padding:0;overflow:hidden}.profile-section{border-top:1px solid #ffffff0f;grid-template-columns:180px 1fr;align-items:center;padding:14px 18px;display:grid}.profile-section:first-child{border-top:none}.profile-section-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;font-size:12px}.profile-section-value{color:var(--text-title);justify-self:end;font-size:15px;font-weight:600}.profile-actions-card{justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}#profile-actions{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.edit-profile-button,.logout-button{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);cursor:pointer;transition:all var(--snappy);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.logout-button{color:var(--color-danger);background:#ef44440d;border-color:#ef444433}.edit-profile-button:hover{background:var(--border-subtle);color:var(--text-title)}.logout-button:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}@media (width<=860px){.profile-content{width:100%;padding-left:4px;padding-right:4px}.profile-hero{text-align:center;grid-template-columns:1fr;justify-items:center;gap:12px}.profile-display-name{font-size:24px}.profile-identity-meta{justify-content:center}.profile-section{grid-template-columns:1fr;gap:5px;padding:12px 14px}.profile-section-label{font-size:11px}.profile-section-value{justify-self:start;font-size:14px}.profile-actions-card{flex-direction:column;align-items:flex-start}#profile-actions{width:100%}.edit-profile-button,.logout-button{flex:180px;justify-content:center}}[data-tooltip]:before,[data-tooltip]:after{content:none!important;display:none!important}@media (width<=1200px){.tab-content{padding-left:12px;padding-right:12px}.page-search input[type=search]{width:130px!important}.search-container input[type=search]{width:150px!important}}@media (width<=992px){.sidebar{width:var(--sidebar-w-collapsed);padding:16px 10px}.sidebar-user-info,.sidebar-section-title,.sidebar-item-text,.sidebar-search input[type=search]{display:none}.sidebar-header{flex-direction:column;gap:16px;margin-bottom:20px;padding:0}.sidebar-profile{cursor:pointer;justify-content:center!important;width:100%!important;margin:0 auto!important}.sidebar-avatar{background:var(--brand-gradient);width:34px;height:34px;transition:transform var(--snappy), box-shadow var(--snappy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:1.5px;display:flex}.sidebar-avatar:hover{transform:scale(1.05)}.sidebar-avatar img{object-fit:cover;background:var(--bg-app);border-radius:50%;width:100%;height:100%;object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.sidebar-toggle{display:none!important}.sidebar-item{box-sizing:border-box;border-radius:12px;justify-content:center;margin:0 auto;block-size:44px!important;inline-size:44px!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important}.sidebar-search{justify-content:center;padding:8px}.tab-panel-header{flex-wrap:wrap;align-items:center;row-gap:8px}.tab-header-right{justify-content:flex-end;width:100%}.sub-tab-button{padding:6px 12px;font-size:12px}}@media (width<=768px){.tab-content{padding-bottom:16px;padding-left:8px;padding-right:8px}.tab-panel-header{scrollbar-width:none;padding-bottom:10px;overflow:visible;padding-top:16px!important}.tab-panel-header::-webkit-scrollbar{display:none}.tab-header-right{flex-shrink:0;width:auto;margin-left:auto}.page-search,.search-container{height:30px;padding:0 10px}.page-search input[type=search],.search-container input[type=search]{width:110px!important;font-size:12px!important}.add-data-table-item{height:30px;padding:0 10px 0 8px;font-size:12px}.data-table th,.data-table td{padding:10px 12px!important}.data-table td{font-size:12px}.task-title{font-size:13px}.task-desc{font-size:11px}.task-tag{font-size:10px!important}}.statistics-period-switch{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stats-period-btn,.stats-refresh-btn{border:1px solid var(--border-subtle);height:32px;color:var(--text-main);cursor:pointer;background:#ffffff05;border-radius:10px;padding:0 12px;font-size:12px;font-weight:500}.stats-period-btn.active{background:#ffffff14;border-color:#fff3}.stats-refresh-btn{align-items:center;gap:6px;display:inline-flex}.bb-spin{animation:.8s linear infinite bbSpin}@keyframes bbSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.statistics-dashboard{gap:18px;padding-bottom:24px;display:grid}.statistics-section{gap:12px;display:grid}.statistics-section-title{color:var(--text-main);letter-spacing:.02em;margin:0;font-size:14px}.statistics-kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.stats-kpi-card,.stats-chart-card{border:1px solid var(--border-subtle);background:#ffffff04;border-radius:14px;padding:14px}.stats-kpi-label{color:var(--text-dim);margin-bottom:8px;font-size:12px}.stats-kpi-value{color:var(--text-main);font-size:20px;font-weight:600}.statistics-charts-grid,.statistics-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.stats-chart-title{color:var(--text-main);margin:0 0 12px;font-size:13px}.stats-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.stats-card-head .stats-chart-title{margin-bottom:0}.stats-mini-switch{gap:6px;display:inline-flex}.stats-mini-btn{border:1px solid var(--border-subtle);min-height:28px;color:var(--text-main);cursor:pointer;background:#ffffff08;border-radius:8px;padding:0 10px;font-size:11px}.stats-mini-btn.active{background:#ffffff14;border-color:#fff3}.stats-chart-body{min-height:220px}.stats-empty{min-height:120px;color:var(--text-dim);place-items:center;font-size:12px;display:grid}.stats-legend{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.stats-legend-item{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:inline-flex}.stats-legend-item i{border-radius:50%;width:10px;height:10px;display:inline-block}.stats-svg-line{width:100%;height:180px;display:block}.stats-x-labels{grid-template-columns:repeat(auto-fit,minmax(26px,1fr));gap:4px;margin-top:8px;display:grid}.stats-x-labels span{color:var(--text-dim);text-align:center;font-size:10px}.stats-bar-row+.stats-bar-row{margin-top:10px}.stats-bar-head{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.stats-bar-head span{color:var(--text-dim)}.stats-bar-head strong{color:var(--text-main)}.stats-bar-track{background:#ffffff14;border-radius:999px;width:100%;height:8px;overflow:hidden}.stats-bar-fill{border-radius:inherit;background:#7f90a6;height:100%}.stats-donut-wrap{width:170px;height:170px;margin:0 auto 12px;position:relative}.stats-donut{border-radius:50%;width:100%;height:100%;position:relative}.stats-donut:after{content:"";background:var(--bg-surface);border-radius:50%;position:absolute;inset:26px}.stats-donut-center{color:var(--text-main);z-index:2;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;inset:0}.stats-donut-legend-item{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:grid}.stats-donut-legend-item i{border-radius:50%;width:10px;height:10px}.stats-donut-legend-item span{color:var(--text-dim)}.stats-donut-legend-item strong{color:var(--text-main)}.stats-metric-inline{justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.stats-metric-inline span{color:var(--text-dim)}.stats-metric-inline strong{color:var(--text-main)}.stats-progress-wrap{background:#ffffff1a;border-radius:999px;width:100%;height:10px;overflow:hidden}.stats-progress-bar{border-radius:inherit;width:0;height:100%;transition:width var(--snappy);background:#8b9ab0}.stats-big-percent{color:var(--text-main);margin-bottom:10px;font-size:34px;font-weight:700;line-height:1.1}.stats-list{gap:6px;display:grid}.stats-list-item{background:#ffffff04;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:6px 10px;font-size:12px;display:flex}.stats-list-item span{color:var(--text-dim)}.stats-list-item strong{color:var(--text-main);white-space:nowrap}@media (width<=1280px){.statistics-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.statistics-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.statistics-charts-grid,.statistics-secondary-grid{grid-template-columns:1fr}.statistics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.statistics-kpi-grid{grid-template-columns:1fr}.stats-kpi-value{font-size:18px}.stats-donut-wrap{width:140px;height:140px}}.training-section{gap:14px;padding-bottom:24px;display:grid}.training-info{flex-wrap:wrap;gap:14px;display:flex}.training-week,.training-duration{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;min-height:40px;padding:10px 14px}.training-label{color:var(--text-dim);margin-right:6px;font-size:12px}.training-value{color:var(--text-main);font-size:16px;font-weight:600}.training-plan-card{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;padding:12px 14px}.training-plan-title{color:var(--text-main);margin-bottom:8px;font-size:13px;font-weight:600}.training-plan-sets{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.training-plan-chip{min-height:28px;color:var(--text-main);background:#6ec1ff1f;border:1px solid #6ec1ff73;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;display:inline-flex}.training-plan-note,.training-plan-progress{color:var(--text-dim);font-size:12px;line-height:1.4}.training-plan-progress{margin-top:6px}.training-week-status{border:1px solid var(--border-subtle);min-height:30px;color:var(--text-dim);background:#ffffff08;border-radius:10px;align-items:center;margin-top:10px;padding:0 10px;font-size:12px;display:inline-flex}.training-week-status.pending{color:#ffd39c;background:#ffa3571f;border-color:#ffa35759}.training-week-status.done{color:#8af0c1;background:#5ee6a824;border-color:#5ee6a873}.training-form-title{color:var(--text-main);margin:0 0 10px;font-size:14px}.training-sets-form,.training-current-session,.training-today-sessions,.training-history-filters{border:1px solid var(--border-subtle);background:#ffffff05;border-radius:12px;padding:12px}.training-form-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.training-form-group{flex:260px;min-width:180px}.training-form-group input{border:1px solid var(--border-subtle);width:100%;height:36px;color:var(--text-main);background:#ffffff08;border-radius:10px;padding:0 10px}.btn-add-set,.btn-timer{border:1px solid var(--border-subtle);min-height:36px;color:var(--text-main);cursor:pointer;background:#ffffff0a;border-radius:10px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.btn-add-set-plan{background:#6ec1ff1f;border-color:#6ec1ff73}.timer-display{letter-spacing:1px;color:var(--text-main);margin-bottom:12px;font-size:36px;font-weight:700}.timer-controls{flex-wrap:wrap;gap:8px;display:flex}.training-sets-list{gap:8px;display:grid}.training-set-item{background:#ffffff05;border:1px solid #ffffff17;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:34px;padding:6px 10px;display:grid}.training-set-number{color:var(--text-dim);font-size:12px}.training-set-reps{color:var(--text-main);font-weight:600}.training-set-delete{color:#ff6e6ef2;cursor:pointer;background:#ff505014;border:1px solid #ff50504d;border-radius:8px;width:24px;height:24px}.training-today-title{color:var(--text-main);margin-bottom:8px;font-size:13px;font-weight:600}.training-session-card{background:#ffffff05;border:1px solid #ffffff17;border-radius:10px;justify-content:space-between;gap:10px;margin-bottom:8px;padding:8px 10px;display:flex}.training-session-result{color:var(--text-main);font-size:13px;font-weight:500}.training-session-time{color:var(--text-dim);font-size:12px}.training-history-filters{flex-wrap:wrap;gap:8px;display:flex}.training-history-filters .filter-button{border:1px solid var(--border-subtle);width:auto;min-width:44px;min-height:32px;color:var(--text-main);white-space:nowrap;cursor:pointer;background:#ffffff08;border-radius:10px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.training-history-filters .filter-button.active{background:#6ec1ff26;border-color:#6ec1ff80}.dashboard-panel-header{background:var(--bg-app);border-bottom:none;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 0 12px;display:flex}.dashboard-header-left{flex-direction:column;gap:4px;display:flex}.dashboard-greeting{color:var(--text-title);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.2}.dashboard-date{color:var(--text-muted);margin:0;font-size:13px}.dashboard-quote-card{border-radius:var(--radius-lg);transition:all var(--snappy);background:linear-gradient(135deg,#3b82f614 0%,#9333ea0f 100%);border:1px solid #3b82f633;align-items:center;gap:16px;margin-bottom:20px;padding:12px 18px;display:flex}.dashboard-quote-card:hover{background:linear-gradient(135deg,#3b82f61f 0%,#9333ea17 100%);border-color:#3b82f666}.quote-icon-box{border-radius:var(--radius-md);color:#fbbf24;background:#fbbf2426;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.quote-text-container{flex-direction:column;gap:2px;min-width:0;display:flex}.quote-content-text{color:var(--text-title);margin:0;font-size:13px;font-style:italic;font-weight:500;line-height:1.4}.quote-author-name{color:var(--text-dim);font-size:11px;font-weight:600}.dashboard-panel-header .tab-header-right{align-items:center;gap:12px;display:flex}.dashboard-quick-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dashboard-quick-actions .btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--snappy);align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.dashboard-quick-actions .btn-primary{background:var(--brand-gradient);color:#fff;border:1px solid #0000}.dashboard-quick-actions .btn-primary:hover{background:var(--brand-gradient-hover);color:#fff;border-color:#0000;transform:translateY(-1px)}.dashboard-quick-actions .btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-subtle)}.dashboard-quick-actions .btn-secondary:hover{background:var(--border-subtle);color:var(--text-title);transform:translateY(-1px)}.dashboard-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-surface,#121215);border:1px solid var(--border-subtle,#ffffff14);border-radius:var(--radius-xl,16px);cursor:pointer;align-items:center;gap:16px;padding:20px 22px;transition:all .2s;display:flex;box-shadow:0 4px 16px #0003}.kpi-card:hover{background:#ffffff0a;border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 12px 32px #0006}.kpi-icon{border-radius:var(--radius-md,12px);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.kpi-icon-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f640}.kpi-icon-purple{color:#c084fc;background:#a855f726;border:1px solid #a855f740}.kpi-icon-green{color:#34d399;background:#10b98126;border:1px solid #10b98140}.kpi-icon-orange{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b40}.kpi-details{flex-direction:column;min-width:0;display:flex}.kpi-label{color:var(--text-muted);margin-bottom:2px;font-size:12px;font-weight:500}.kpi-value{color:var(--text-title);font-size:22px;font-weight:700;line-height:1.2}.kpi-subtext{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.text-success{color:#34d399!important}.text-danger{color:#f87171!important}.dashboard-content-grid{grid-template-columns:1.35fr 1fr;gap:20px;width:100%;display:grid;margin-bottom:0!important}.dashboard-bottom-spacer{pointer-events:none;flex-shrink:0;width:100%;height:50px}.dashboard-col{flex-direction:column;gap:20px;display:flex}.dash-widget{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;padding:20px;display:flex}#dashboard{padding-bottom:0!important}.dash-widget-body{max-height:230px;padding-right:4px;overflow:hidden auto}.dash-widget-body::-webkit-scrollbar{width:5px}.dash-widget-body::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.dash-widget-body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.dash-widget-body::-webkit-scrollbar-thumb:hover{background:#ffffff47}.dash-widget-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.dash-widget-header h3{color:var(--text-title);align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.dash-widget-header h3 i{color:var(--text-muted);font-size:18px}.dash-widget-header-right{align-items:center;gap:10px;display:flex}.dash-widget-btn-add{color:#60a5fa;border-radius:var(--radius-sm);cursor:pointer;height:28px;transition:all var(--snappy);background:#3b82f61f;border:1px solid #3b82f64d;align-items:center;gap:4px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.dash-widget-btn-add:hover{color:#fff;background:#3b82f640;border-color:#60a5fa}.dash-widget-action{color:var(--text-muted);cursor:pointer;transition:color var(--snappy);background:0 0;border:none;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.dash-widget-action:hover{color:var(--text-title)}.dash-loading{color:var(--text-dim);text-align:center;justify-content:center;align-items:center;gap:8px;padding:20px 0;font-size:13px;display:flex}.dash-task-list{flex-direction:column;gap:8px;display:flex}.dash-task-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--snappy);background:#ffffff05;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.dash-task-item:hover{background:var(--bg-panel-hover);border-color:var(--border-focus)}.dash-timer-btn{border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:all var(--snappy);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.dash-timer-btn.start-btn{color:#60a5fa;background:#3b82f626}.dash-timer-btn.start-btn:hover{color:#fff;background:#3b82f64d}.dash-timer-btn.pause-btn{color:#fbbf24;background:#f59e0b33}.dash-timer-btn.pause-btn:hover{color:#fff;background:#f59e0b59}.dash-task-timer-badge .task-timer{border-radius:var(--radius-pill);color:#60a5fa;background:#3b82f61f;padding:2px 6px;font-size:11px;font-weight:600}.dash-task-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.dash-task-checkbox{width:18px;height:18px;accent-color:var(--color-success);cursor:pointer;border-radius:4px}.dash-task-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.dash-task-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.dash-task-date{color:var(--text-muted);border-radius:var(--radius-pill);background:#ffffff0d;padding:2px 8px;font-size:11px}.dash-task-date.overdue{color:#f87171;background:#ef444426}.dash-projects-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.dash-project-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--snappy);background:#ffffff05;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.dash-project-card:hover{background:var(--bg-panel-hover);border-color:var(--border-focus)}.dash-project-name{color:var(--text-title);font-size:13px;font-weight:600}.dash-project-status{border-radius:var(--radius-pill);color:#60a5fa;background:#3b82f626;align-items:center;gap:6px;width:fit-content;padding:2px 8px;font-size:11px;display:inline-flex}.dash-goals-list{flex-direction:column;gap:10px;display:flex}.dash-goal-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff05;padding:10px 12px}.dash-goal-head{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.dash-goal-title{color:var(--text-main);font-weight:500}.dash-goal-percent{color:#fbbf24;font-weight:700}.dash-goal-track{background:#ffffff14;border-radius:999px;width:100%;height:7px;overflow:hidden;container-type:inline-size}.dash-goal-fill{border-radius:inherit;height:100%;transition:width var(--snappy);background:linear-gradient(90deg,#f97316 0%,#f59e0b 35%,#eab308 60%,#10b981 85%,#34d399 100%) 0 0/100cqw 100% no-repeat}.dash-finance-box,.dash-training-box{flex-direction:column;gap:10px;display:flex}.dash-finance-row{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#ffffff05;justify-content:space-between;padding:8px 10px;font-size:13px;display:flex}.dash-empty-state{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px}.dash-empty-state i{color:var(--text-dim);margin-bottom:8px;font-size:32px;display:block}@media (width<=1024px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-content-grid{grid-template-columns:1fr}}@media (width<=600px){.dashboard-banner{flex-direction:column;align-items:flex-start}.dashboard-kpi-grid{grid-template-columns:1fr}}.photo-reports-panel-header{margin-bottom:16px}.photo-reports-header-left .photo-reports-title{color:var(--text-title);align-items:center;gap:10px;margin:0 0 4px;font-size:24px;font-weight:700;display:flex}.photo-reports-header-left .photo-reports-subtitle{color:var(--text-muted);font-size:13px}.report-generator-box{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#ffffff08,#ffffff03);margin-bottom:32px;padding:24px}.report-generator-controls{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.report-type-selector{align-items:center;gap:12px;display:flex}.control-label{color:var(--text-muted);font-size:13px;font-weight:500}.segmented-control{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);gap:4px;padding:3px;display:flex}.segment-btn{color:var(--text-muted);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all var(--snappy);background:0 0;border:none;padding:6px 16px;font-size:13px;font-weight:500}.segment-btn.active,.segment-btn:hover{background:var(--accent-blue);color:#fff;box-shadow:0 2px 8px #3b82f64d}.report-actions-row{align-items:center;gap:12px;display:flex}.report-preview-container{justify-content:center;align-items:center;width:100%;display:flex}.report-preview-wrapper{border-radius:var(--radius-md);background:#09090b;border:1px solid #ffffff1f;justify-content:center;align-items:center;width:100%;max-width:960px;min-height:280px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 36px #0006}.report-preview-wrapper img{object-fit:contain;width:100%;height:auto;display:block}.report-preview-spinner{color:var(--text-title);backdrop-filter:blur(4px);background:#09090bd9;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;transition:opacity .3s;display:flex;position:absolute;inset:0}.photo-gallery-section{margin-top:24px}.gallery-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.gallery-title{align-items:center;gap:12px;display:flex}.gallery-title h3{color:var(--text-title);margin:0;font-size:18px;font-weight:600}.gallery-count{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px 10px;font-size:12px}.gallery-filter-chips{gap:8px;display:flex}.filter-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;transition:all var(--snappy);border-radius:20px;padding:6px 14px;font-size:12px}.filter-chip.active,.filter-chip:hover{color:var(--text-title);background:#ffffff1f;border-color:#ffffff3d}.photo-reports-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.gallery-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:transform var(--snappy), border-color var(--snappy), box-shadow var(--snappy);flex-direction:column;display:flex;overflow:hidden}.gallery-card:hover{border-color:#fff3;transform:translateY(-3px);box-shadow:0 10px 24px #00000059}.gallery-card-thumb{aspect-ratio:16/9;background:#09090b;width:100%;position:relative;overflow:hidden}.gallery-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-card:hover .gallery-card-thumb img{transform:scale(1.03)}.gallery-card-badge{backdrop-filter:blur(6px);color:#60a5fa;text-transform:uppercase;background:#09090bd1;border:1px solid #ffffff2e;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}.gallery-card-body{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.gallery-card-title{color:var(--text-title);margin:0;font-size:14px;font-weight:600;line-height:1.3}.gallery-card-date{color:var(--text-dim);font-size:12px}.gallery-card-actions{border-top:1px solid var(--border-subtle);align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.gallery-card-actions .btn{flex:1;padding:6px 10px;font-size:12px}@media (width<=768px){.report-generator-controls{flex-direction:column;align-items:stretch}.report-actions-row{flex-direction:column;width:100%}.report-actions-row .btn{justify-content:center;width:100%}.photo-reports-gallery-grid{grid-template-columns:1fr}}.task-repeat-days-picker{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.repeat-day-btn{border:1px solid var(--border-subtle,#ffffff1f);background:var(--bg-surface,#ffffff0d);min-width:36px;height:36px;color:var(--text-dim,#888);cursor:pointer;transition:all var(--snappy,.15s ease);border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.repeat-day-btn:hover{color:var(--text-title,#fff);background:#ffffff1a;border-color:#ffffff40}.repeat-day-btn.active{background:var(--accent-color,#3b82f6);border-color:var(--accent-color,#3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f659}.task-period-tag,.task-repeat-tag{white-space:nowrap;vertical-align:middle;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;line-height:1.3;display:inline-flex}.task-period-tag{color:var(--text-main,#e4e4e7);border:1px solid var(--border-subtle,#ffffff1a);background:#ffffff0f}.task-repeat-tag{color:#60a5fa;cursor:help;background:#60a5fa1f;border:1px solid #60a5fa40;border-radius:4px;margin-left:6px;padding:3px 5px;font-size:13px}.goals-view-switcher{background:var(--bg-surface,#ffffff0d);border:1px solid var(--border-subtle,#ffffff1f);border-radius:8px;margin-right:12px;padding:2px;display:flex}.goals-view-btn{color:var(--text-dim,#888);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.goals-view-btn:hover{color:var(--text-title,#fff)}.goals-view-btn.active{color:var(--text-title,#fff);background:#ffffff26;font-weight:600}.goals-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:20px!important;padding:10px 0!important;display:grid!important}.goal-card{background:var(--bg-surface,#141417);border:1px solid var(--border-subtle,#ffffff1a);border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.goal-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.goal-card-checkbox{z-index:10;width:20px;height:20px;accent-color:var(--accent,#7c3aed);cursor:pointer;opacity:0;transition:opacity .15s;position:absolute;top:10px;left:10px}.goal-card:hover .goal-card-checkbox,.goal-card.is-selected .goal-card-checkbox,.goals-cards-grid.selection-mode .goal-card-checkbox{opacity:1}.goal-card.is-selected{border-color:var(--accent,#7c3aed);transform:translateY(-2px);box-shadow:0 0 0 2px #7c3aed59,0 8px 24px #00000059}.goals-select-all-btn{border:1px solid var(--border-subtle,#ffffff1a);color:var(--text-secondary,#9ca3af);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .15s;display:flex}.goals-select-all-btn:hover{color:var(--text-primary,#fff);background:#ffffff0f;border-color:#fff3}.goals-select-all-btn.active{color:var(--accent,#7c3aed);background:#7c3aed26;border-color:#7c3aed80}.goal-card-thumb{background:#09090b;justify-content:center;align-items:center;width:100%;height:90px;display:flex;position:relative;overflow:hidden}.goal-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.goal-card:hover .goal-card-thumb img{transform:scale(1.04)}.goal-card-thumb-gradient{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.goal-card-thumb-gradient.theme-media{background:linear-gradient(135deg,#3b0764 0%,#701a75 50%,#831843 100%)}.goal-card-thumb-gradient.theme-shopping{background:linear-gradient(135deg,#064e3b 0%,#047857 50%,#0d9488 100%)}.goal-card-thumb-gradient.theme-finance{background:linear-gradient(135deg,#065f46 0%,#0284c7 50%,#1e40af 100%)}.goal-card-thumb-gradient.theme-work{background:linear-gradient(135deg,#1e1b4b 0%,#4338ca 50%,#6d28d9 100%)}.goal-card-thumb-gradient.theme-personal{background:linear-gradient(135deg,#4c1d95 0%,#7e22ce 50%,#be185d 100%)}.goal-card-thumb-gradient.theme-learning{background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 50%,#0284c7 100%)}.goal-card-thumb-gradient.theme-health{background:linear-gradient(135deg,#7f1d1d 0%,#b91c1c 50%,#c2410c 100%)}.goal-card-thumb-gradient.theme-default{background:linear-gradient(135deg,#0f172a 0%,#312e81 50%,#1e1b4b 100%)}.goal-card-grid-bg{pointer-events:none;background-image:radial-gradient(circle at 50% 35%,#ffffff26 0%,#0000 60%),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px);background-size:100% 100%,16px 16px,16px 16px;position:absolute;inset:0}.goal-card-icon-wrapper{z-index:2;color:#fff;backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:26px;display:flex;position:relative}.goal-card-badge{z-index:3;backdrop-filter:blur(8px);color:#f1f5f9;text-transform:uppercase;letter-spacing:.4px;background:#09090bbf;border:1px solid #ffffff26;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.goal-card-status-badge{z-index:3;backdrop-filter:blur(8px);background:#09090bbf;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex;position:absolute;top:8px;right:8px}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.goal-card-status-badge.status-в-процесі{color:#f59e0b;border-color:#f59e0b4d}.goal-card-status-badge.status-досягнуто{color:#10b981;border-color:#10b9814d}.goal-card-status-badge.status-планується{color:#3b82f6;border-color:#3b82f64d}.goal-card-status-badge.status-відкладено{color:#9ca3af;border-color:#9ca3af4d}.goal-card-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.goal-card-title{color:#fff;margin:0;font-size:14px;font-weight:600;line-height:1.3}.goal-card-desc{color:var(--text-dim,#94a3b8);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.goal-financial-summary{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.goal-amounts-row{justify-content:space-between;align-items:baseline;display:flex}.goal-current-amount{color:#10b981;font-size:15px;font-weight:700}.goal-target-amount{color:var(--text-dim,#94a3b8);font-size:12px}.goal-progress-wrap{flex-direction:column;gap:4px;display:flex}.goal-progress-bar-bg{background:#ffffff14;border-radius:4px;width:100%;height:6px;position:relative;overflow:hidden}.goal-progress-bar-fill{background:linear-gradient(90deg,#6366f1 0%,#ec4899 40%,#f59e0b 70%,#10b981 100%);border-radius:4px;height:100%;transition:width .4s}.goal-progress-meta{color:var(--text-dim,#94a3b8);justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex}.goal-progress-subtext{color:#ffffff80;margin-top:2px;font-size:11px}.goal-card-footer{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.goal-card-deadline{color:var(--text-dim,#94a3b8);align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.goal-card-deadline i{color:#60a5fa}.btn-deposit-goal{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:10px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 10px #10b9814d}.btn-deposit-goal:hover{transform:translateY(-1px);box-shadow:0 4px 14px #10b98173}.goal-image-presets{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.preset-img-btn{color:var(--text-title,#fff);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:4px 8px;font-size:12px;transition:all .15s}.preset-img-btn:hover{background:#ffffff26;border-color:#ffffff4d}.fancy-music-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.fancy-music-badge.track{color:#60a5fa;background:#60a5fa1f;border:1px solid #60a5fa40}.fancy-music-badge.playlist{color:#c084fc;background:#c084fc1f;border:1px solid #c084fc40}tbody tr[draggable=true]{user-select:none;transition:transform .12s,background .12s}tbody tr.table-row-dragging{outline-offset:-2px;opacity:.45!important;background:#3b82f62e!important;outline:2px dashed #3b82f6!important}.data-table td.col-drag-handle,.data-table th.col-drag-handle{cursor:grab;user-select:none;box-sizing:border-box!important;text-align:center!important;text-overflow:clip!important;white-space:nowrap!important;border-bottom:1px solid var(--border-subtle)!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:54px!important;padding:0!important;overflow:visible!important}.data-table th.col-drag-handle{height:auto!important}.col-drag-handle i,.col-drag-handle .drag-handle-svg{vertical-align:middle;color:#ffffff2e;font-size:14px;transition:color .2s,transform .15s;display:inline-block}tr:hover .col-drag-handle i,tr:hover .col-drag-handle .drag-handle-svg{color:var(--text-dim,#94a3b8)}.col-drag-handle:hover i,.col-drag-handle:hover .drag-handle-svg{transform:scale(1.2);color:#3b82f6!important}.col-checkbox,.col-func{text-align:center!important;width:34px!important;min-width:34px!important;max-width:34px!important;padding:0!important}.col-timer,th.col-timer{text-align:center!important;width:104px!important;min-width:104px!important;max-width:116px!important;padding:0 6px!important}.col-actions,th.col-actions{text-align:center!important;width:56px!important;min-width:56px!important;max-width:56px!important;padding:0 12px 0 0!important}.standalone-timer-box{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.standalone-timer-display{font-family:monospace, var(--font-sans);color:var(--text-title);letter-spacing:1px;font-size:28px;font-weight:700}.standalone-timer-display.clickable{cursor:pointer;transition:opacity var(--snappy), color var(--snappy)}.standalone-timer-display.clickable:hover{color:#60a5fa;opacity:.9}.custom-timer-input-group{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff08;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:260px;padding:10px 14px;animation:.2s ease-in-out fadeIn;display:flex}.custom-timer-inputs{align-items:center;gap:6px;display:flex}.custom-input-unit{flex-direction:column;align-items:center;gap:2px;display:flex}.custom-timer-input{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:50px;height:34px;color:var(--text-title);font-family:monospace, var(--font-sans);text-align:center;transition:border-color var(--snappy);background:#00000040;outline:none;font-size:16px;font-weight:700}.custom-timer-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.custom-timer-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-timer-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-timer-input[type=number]{-moz-appearance:textfield}.custom-unit-label{color:var(--text-muted);text-transform:uppercase;font-size:10px}.custom-sep{color:var(--text-muted);margin-bottom:12px;font-size:16px;font-weight:700}.standalone-timer-controls{align-items:center;gap:8px;display:flex}.standalone-timer-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--snappy);border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.standalone-timer-btn.btn-start{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.standalone-timer-btn.btn-start:hover{color:#fff;background:#3b82f647}.standalone-timer-btn.btn-pause{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.standalone-timer-btn.btn-pause:hover{color:#fff;background:#f59e0b47}.standalone-timer-btn.btn-reset{color:var(--text-muted);border-color:var(--border-subtle);background:#ffffff0d}.standalone-timer-btn.btn-reset:hover{color:var(--text-main);background:#ffffff1a}.standalone-timer-btn.btn-lap{color:#c084fc;background:#a855f726;border-color:#a855f74d}.standalone-timer-btn.btn-lap:hover{color:#fff;background:#a855f747}.timer-mode-switcher{border-radius:var(--radius-sm);background:#ffffff0a;gap:4px;padding:3px;display:flex}.timer-mode-btn{color:var(--text-muted);cursor:pointer;transition:all var(--snappy);background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.timer-mode-btn.active{color:#60a5fa;background:#3b82f633;font-weight:600}.countdown-presets{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.preset-time-btn{border:1px solid var(--border-subtle);color:var(--text-main);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--snappy);background:#ffffff0d;padding:3px 8px;font-size:11px}.preset-time-btn.active,.preset-time-btn:hover{color:#60a5fa;background:#3b82f626;border-color:#3b82f64d}.timer-laps-container{border-top:1px solid var(--border-subtle);width:100%;max-height:90px;margin-top:4px;padding-top:8px;overflow-y:auto}.timer-laps-list{color:var(--text-muted);flex-direction:column;gap:4px;font-family:monospace;font-size:11px;display:flex}.timer-lap-item{background:#ffffff05;border-radius:4px;justify-content:space-between;padding:2px 6px;display:flex}.status-badge{white-space:nowrap;letter-spacing:.3px;border:1px solid #0000;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.status-badge.активний,.status-badge.active{color:#10b981;background:#10b98114;border-color:#10b98140}.status-badge.в-розробці,.status-badge.in-progress{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b40}.status-badge.планується,.status-badge.planned{color:#3b82f6;background:#3b82f614;border-color:#3b82f640}.status-badge.завершено,.status-badge.completed,.status-badge.done{color:#6b7280;background:#6b728014;border-color:#6b728040}.status-badge.призупинено,.status-badge.paused,.status-badge.on-hold{color:#9ca3af;background:#9ca3af14;border-color:#9ca3af40}.status-badge.скасовано,.status-badge.cancelled{color:#ef4444;background:#ef444414;border-color:#ef444440}.search-results-count{color:var(--text-dim);white-space:nowrap;flex-shrink:0;align-items:center;height:32px;padding:0 8px;font-size:12px;line-height:32px;display:none}.search-results-count.visible{display:inline-flex}.search-results-count.no-results{color:#f59e0bd9}.data-table{table-layout:auto!important;border-collapse:collapse!important;border-spacing:0!important;width:100%!important;min-width:100%!important}#tasks .data-table{table-layout:fixed!important}.data-table th.col-checkbox,.data-table td.col-checkbox{text-align:center!important;vertical-align:middle!important;box-sizing:border-box!important;width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important}.data-table th.col-actions,.data-table td.col-actions{text-align:center!important;vertical-align:middle!important;box-sizing:border-box!important;text-overflow:clip!important;white-space:nowrap!important;width:40px!important;min-width:40px!important;max-width:40px!important;padding:0!important;overflow:visible!important}.bb-card{background-color:var(--bg-surface,#18181b);border:1px solid var(--border-subtle,#27272a);border-radius:var(--radius-lg,12px);box-shadow:var(--shadow-sm,0 1px 2px #00000080)}.bb-btn{border-radius:var(--radius-md,8px);cursor:pointer;transition:all var(--snappy,.15s ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.bb-btn-primary{background:var(--brand-gradient);color:#fff;border:none}.bb-btn-primary:hover{background:var(--brand-gradient-hover);color:#fff;opacity:1}.bb-btn-danger{background:var(--color-danger-bg,#ef44441a);color:var(--color-danger,#ef4444);border-color:#ef444433}.bb-btn-danger:hover{background:#ef444433}.bb-btn-success{background:var(--color-success-bg,#10b9811a);color:var(--color-success,#10b981);border-color:#10b98133}.bb-btn-success:hover{background:#10b98133}.notes-container{background:var(--bg-surface,#121215);border:1px solid var(--border-subtle,#ffffff14);border-radius:var(--radius-xl,14px);gap:0;height:calc(100vh - 165px);min-height:560px;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000005c}.notes-sidebar{border-right:1px solid var(--border-subtle,#ffffff14);background:#121216f2;flex-direction:column;flex-shrink:0;gap:14px;width:300px;padding:16px;display:flex}.notes-sidebar-header{flex-direction:column;gap:10px;display:flex}.notes-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.notes-search-wrapper .search-icon{color:var(--text-dim,#71717a);pointer-events:none;z-index:2;font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}input.notes-search-input,.notes-search-wrapper input[type=text].notes-search-input{border-radius:var(--radius-md,8px)!important;width:100%!important;color:var(--text-main,#e4e4e7)!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;outline:none!important;padding:8px 12px 8px 36px!important;font-size:13px!important;transition:all .15s!important}.notes-search-input:focus{border-color:var(--border-focus,#3f3f46)!important;background:#ffffff12!important}.notes-new-btn{border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.notes-new-btn:hover{background:#ffffff24;border-color:#ffffff38;transform:translateY(-1px)}.notes-list-wrapper{flex:1;margin-right:-4px;padding-right:4px;overflow-y:auto}.notes-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.note-list-item{border-radius:var(--radius-md,8px);cursor:pointer;background:0 0;border:1px solid #0000;border-left-width:3px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .15s;display:flex}.note-list-item:hover{background:#ffffff0a}.note-list-item.active{border-left-color:var(--accent-base,#3b82f6);background:#ffffff12}.note-item-title{color:var(--text-main,#e4e4e7);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex;overflow:hidden}.note-list-item.active .note-item-title{color:#fff;font-weight:600}.note-item-title i{color:var(--text-dim,#71717a);flex-shrink:0;font-size:14px}.note-item-snippet{color:var(--text-dim,#71717a);text-overflow:ellipsis;white-space:nowrap;padding-left:22px;font-size:11.5px;overflow:hidden}.notes-editor{background:#09090b;flex-direction:column;flex:1;display:flex;position:relative}.notes-empty-state{text-align:center;color:var(--text-dim,#71717a);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.notes-empty-state .empty-state-icon{color:#ffffff26;font-size:44px}.notes-empty-state h3{color:var(--text-main,#e4e4e7);margin:0;font-size:18px;font-weight:600}.notes-empty-state p{max-width:320px;margin:0 0 8px;font-size:13px}.notes-editor-inner{flex-direction:column;flex:1;height:100%;display:flex}.notes-editor-toolbar{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.notes-meta-info{color:var(--text-dim,#71717a);align-items:center;gap:12px;font-size:12px;display:flex}.note-status-tag{border-radius:var(--radius-pill,9999px);color:var(--text-dim,#a1a1aa);background:#ffffff0d;border:1px solid #ffffff14;align-items:center;gap:5px;padding:3px 10px;font-size:11px;display:inline-flex}.note-save-status{color:#10b981;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.notes-actions{align-items:center;gap:10px;display:flex}.notes-btn-action{border-radius:var(--radius-md,8px);cursor:pointer;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.notes-btn-action.btn-danger{color:#ef4444;background:#ef444414;border:1px solid #ef444433}.notes-btn-action.btn-danger:hover{background:#ef44442e;border-color:#ef444459}.notes-btn-action.btn-primary{background:var(--brand-gradient);color:#fff;border:none}.notes-btn-action.btn-primary:hover{background:var(--brand-gradient-hover);color:#fff;border:none}.notes-editor-canvas{flex-direction:column;flex:1;padding:24px 32px;display:flex;overflow-y:auto}.note-title-input{width:100%!important;box-shadow:none!important;color:#fff!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0 0 16px!important;font-size:24px!important;font-weight:700!important;line-height:1.3!important}.note-title-input::placeholder{color:#ffffff40!important}.note-content-textarea{width:100%!important;box-shadow:none!important;resize:none!important;font-family:var(--font-sans,inter, sans-serif)!important;color:#d4d4d8!important;background:0 0!important;border:none!important;outline:none!important;flex:1!important;margin:0!important;padding:0!important;font-size:15px!important;line-height:1.75!important}.note-content-textarea::placeholder{color:#fff3!important}.pomodoro-wrapper{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:20px 0;display:flex}.pomodoro-container{background:var(--bg-surface,#121215);border:1px solid var(--border-subtle,#ffffff14);border-radius:var(--radius-xl,20px);flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:580px;padding:32px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 48px #00000073}.pomodoro-modes{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:28px;display:flex}.pomo-mode-btn{border-radius:var(--radius-pill,9999px);color:var(--text-dim,#a1a1aa);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:all .2s;display:inline-flex}.pomo-mode-btn:hover{color:#fff;background:#ffffff17}.pomo-mode-btn.active{color:#60a5fa;background:#3b82f626;border-color:#3b82f659;font-weight:600}.pomodoro-circle-wrapper{justify-content:center;align-items:center;width:300px;height:300px;margin-bottom:28px;display:flex;position:relative}.pomodoro-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff0d;stroke-width:8px}.ring-progress{fill:none;stroke:url(#pomoGradient);stroke-width:8px;stroke-linecap:round;stroke-dasharray:816.8;stroke-dashoffset:0;transition:stroke-dashoffset .5s}.pomodoro-timer-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.pomodoro-mode-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-dim,#71717a);margin-bottom:4px;font-size:12px;font-weight:600}.pomodoro-timer-display{color:#fff!important;font-variant-numeric:tabular-nums!important;letter-spacing:-2px!important;font-size:5rem!important;font-weight:700!important;line-height:1!important;font-family:var(--font-sans,inter, sans-serif)!important;text-shadow:0 4px 24px #00000080!important;margin:0!important}.pomodoro-status-hint{color:var(--text-dim,#a1a1aa);margin-top:8px;font-size:12px}.pomodoro-controls{justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:32px;display:flex}.pomodoro-btn{border-radius:var(--radius-md,10px);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.pomodoro-btn-primary{color:#09090b;background:#fff;box-shadow:0 4px 14px #ffffff26}.pomodoro-btn-primary:hover{background:#e4e4e7;transform:translateY(-1px)}.pomodoro-btn-pause{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b4d}.pomodoro-btn-pause:hover{background:#f59e0b40;transform:translateY(-1px)}.pomodoro-btn-secondary{color:var(--text-main,#e4e4e7);background:#ffffff0d;border-color:#ffffff14}.pomodoro-btn-secondary:hover{color:#fff;background:#ffffff1a}.pomodoro-stats-cards{border-top:1px solid #ffffff0f;grid-template-columns:1fr 1fr;gap:12px;width:100%;padding-top:24px;display:grid}.pomo-stat-card{border-radius:var(--radius-md,10px);background:#ffffff08;border:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 16px;display:flex}.pomo-stat-card .stat-icon{color:#60a5fa;font-size:20px}.pomo-stat-card .stat-info{flex-direction:column;display:flex}.pomo-stat-card .stat-val{color:#fff;font-size:15px;font-weight:700}.pomo-stat-card .stat-lbl{color:var(--text-dim,#71717a);font-size:11px}.habits-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:16px;display:grid}.habit-card{background:var(--bg-surface,#121215);border:1px solid var(--border-subtle,#ffffff14);border-radius:var(--radius-xl,16px);flex-direction:column;gap:16px;padding:20px 24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.habit-card:hover{border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 12px 32px #00000059}.habit-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.habit-title-box{flex-direction:column;gap:4px;display:flex}.habit-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.habit-desc{color:var(--text-dim,#71717a);margin:0;font-size:12px}.habit-streak-badge{border-radius:var(--radius-pill,9999px);color:#f59e0b;white-space:nowrap;background:#f59e0b1f;border:1px solid #f59e0b40;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.habit-heatmap{border-radius:var(--radius-md,10px);background:#ffffff05;border:1px solid #ffffff0a;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.heatmap-label{color:var(--text-dim,#71717a);justify-content:space-between;font-size:11px;display:flex}.heatmap-dots{justify-content:space-between;align-items:center;gap:4px;display:flex}.heatmap-dot{background:#ffffff0f;border-radius:4px;width:14px;height:14px;transition:all .15s}.heatmap-dot.active{background:#10b981;box-shadow:0 0 8px #10b98166}.heatmap-dot.today{border:1px solid #fff6}.habit-action-btn{border-radius:var(--radius-md,10px);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.habit-action-btn.completed{color:#10b981;background:#10b98126;border-color:#10b9814d}.habit-action-btn.completed:hover{background:#10b98140}.habit-action-btn.pending{color:#fff;background:#ffffff0f;border-color:#ffffff1f}.habit-action-btn.pending:hover{background:#ffffff1f;transform:translateY(-1px)}.skeleton{border-radius:var(--radius-sm,8px);pointer-events:none;user-select:none;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite skeleton-loading;color:#0000!important}.skeleton *{visibility:hidden}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-row{border-radius:var(--radius-sm,8px);width:100%;height:48px;margin-bottom:4px}.skeleton-card{border-radius:var(--radius-md,12px);width:100%;height:180px}.slots-header-info{flex-direction:column;gap:4px;display:flex}.slots-header-title{color:var(--text-title);align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.slots-header-sub{color:var(--text-muted);font-size:13px}.slots-live-card{border:1px solid var(--brand-border,#b42d7859);background:linear-gradient(135deg,#b42d781f 0%,#e0751a1a 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px 24px;display:flex}.slots-live-left{align-items:center;gap:16px;display:flex}.slots-live-icon{flex-shrink:0;font-size:36px}.slots-live-label{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-orange,#e0751a);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.slots-live-title{color:var(--text-title);margin-bottom:4px;font-size:18px;font-weight:700}.slots-live-desc{color:var(--text-muted);font-size:13px}.slots-live-countdown{color:var(--text-main);white-space:nowrap;background:#0006;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600}.slots-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:24px;display:grid}.slots-bottom-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px;display:grid}@media (width<=900px){.slots-bottom-grid{grid-template-columns:1fr}}.slots-card{background:var(--bg-surface,#18181b);border:1px solid var(--border-subtle,#27272a);border-radius:16px;flex-direction:column;padding:20px;display:flex}.slots-card-header{border-bottom:1px solid var(--border-subtle,#27272a);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.slots-card-header h3{color:var(--text-title);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.slots-metric-row{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.slots-metric-label{color:var(--text-muted);font-size:13px}.slots-metric-val{color:var(--text-title);font-size:20px;font-weight:700}.slots-metric-val small{color:var(--text-dim);font-size:13px;font-weight:400}.slots-metric-hint{color:var(--text-muted);font-size:12px}.slots-progress-bar{background:#ffffff0f;border-radius:10px;height:10px;margin-bottom:16px;overflow:hidden}.slots-progress-fill{background:var(--brand-gradient,linear-gradient(135deg, #b42d78 0%, #e0751a 100%));border-radius:10px;height:100%;transition:width .4s}.slots-progress-fill.fill-green{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.slots-submetrics{background:#00000040;border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;padding:12px 14px;display:grid}.slots-submetric-item{flex-direction:column;gap:2px;display:flex}.slots-submetric-item span{color:var(--text-muted);font-size:11px}.slots-submetric-item strong{color:var(--text-main);font-size:14px}.slots-buffer-hint,.slots-sleep-rule{color:var(--text-muted);border-left:3px solid var(--brand-orange,#e0751a);background:#ffffff05;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.4;display:flex}.slots-sleep-rule{border-left-color:#8b5cf6;margin-top:14px}.slots-breakdown-list{flex-direction:column;gap:10px;display:flex}.slots-breakdown-item{border-bottom:1px dashed #ffffff0d;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.slots-breakdown-item span{color:var(--text-muted);align-items:center;gap:8px;display:flex}.slots-pie-summary{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.slots-pie-item{color:var(--text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.slots-pie-item .dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.slots-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-info{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.badge-purple{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.slots-pill{border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.pill-green{color:#10b981;background:#10b98126}.pill-red{color:#ef4444;background:#ef444426}.slots-form-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-bottom:16px;display:grid}.slots-form-group{flex-direction:column;gap:6px;display:flex}.slots-form-group label{color:var(--text-muted);font-size:12px;font-weight:500}.slots-input{border:1px solid var(--border-subtle,#27272a);color:var(--text-main);background:#0000004d;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .2s}.slots-input:focus{border-color:var(--brand-orange,#e0751a)}.slots-form-row-check{margin-bottom:18px}.slots-checkbox-label{color:var(--text-main);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.slots-checkbox-label input{accent-color:#8b5cf6;width:16px;height:16px}.slots-form-actions{justify-content:flex-end;display:flex}.slots-table{border-collapse:collapse;width:100%;font-size:13px}.slots-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border-subtle,#27272a);padding:10px 12px;font-weight:600}.slots-table td{color:var(--text-main);border-bottom:1px solid #ffffff0a;padding:10px 12px}