:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93bbfc;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-light: #10b981;--success-dark: #059669;--error-light: #ef4444;--error-dark: #dc2626;--warning-light: #f59e0b;--warning-dark: #d97706;--info-light: #3b82f6;--info-dark: #2563eb;--bg-primary: #0a0a0f;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--text-primary: #f5f5f5;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--primary-rgb: 59, 130, 246;--secondary-rgb: 139, 92, 246;--accent-rgb: 236, 72, 153;--bg-primary-rgb: 10, 10, 15;--bg-secondary-rgb: 26, 26, 46;--bg-card-rgb: 20, 20, 35;--success-rgb: 16, 185, 129;--danger-rgb: 239, 68, 68;--warning-rgb: 245, 158, 11;--info-rgb: 59, 130, 246;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--info: #3b82f6;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-modal: 200;--z-toast: 300}@media(prefers-color-scheme:light){:root{--bg-primary: #ffffff;--bg-secondary: var(--gray-50);--bg-tertiary: var(--gray-100);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-400);--border-color: var(--gray-200);--border-hover: var(--gray-300);--bg-primary-rgb: 255, 255, 255;--bg-secondary-rgb: 249, 250, 251}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;height:100%;background:#0a0a0f}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--text-primary)!important;background-color:var(--bg-primary)!important;background:#0a0a0f!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base);min-height:100vh;margin:0;padding:0}.app{min-height:100vh;background:var(--bg-primary)!important;background-color:#0a0a0f!important;color:var(--text-primary);position:relative}table{width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color)}th,td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);text-transform:uppercase;font-size:var(--text-sm);letter-spacing:.5px}tr:hover{background:#ffffff08}.domain-table,.project-table{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-lg)}.container,.content,.page,.main{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-lg)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.form-label,label{display:block;margin-bottom:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#0a0a0f!important}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{line-height:1.6;color:var(--text-secondary)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700);text-decoration:underline}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:500;line-height:1.5;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--bg-secondary);color:var(--text-primary)}.btn:focus{outline:2px solid transparent;outline-offset:2px}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--primary-500)}.btn-primary{background-color:var(--primary-600);color:#fff;border-color:var(--primary-600)}.btn-primary:hover:not(:disabled){background-color:var(--primary-700);border-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-hover)}.btn-danger{background-color:var(--error-light);color:#fff;border-color:var(--error-light)}.btn-danger:hover:not(:disabled){background-color:var(--error-dark);border-color:var(--error-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg)}.hidden{display:none!important}.visible{display:block!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;margin-bottom:var(--space-xs);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.form-input,.form-select,.form-textarea,input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);font-family:var(--font-sans)}.form-input:focus,.form-select:focus,.form-textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a;background-color:var(--bg-tertiary)}.form-input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-tertiary);opacity:.7}.card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.card-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--space-xs)}.mt-2{margin-top:var(--space-sm)}.mt-3{margin-top:var(--space-md)}.mt-4{margin-top:var(--space-lg)}.mt-5{margin-top:var(--space-xl)}.mb-1{margin-bottom:var(--space-xs)}.mb-2{margin-bottom:var(--space-sm)}.mb-3{margin-bottom:var(--space-md)}.mb-4{margin-bottom:var(--space-lg)}.mb-5{margin-bottom:var(--space-xl)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-slideIn{animation:slideIn var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.spinner{display:inline-block;width:1em;height:1em;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:480px){:root{--text-xs: .7rem;--text-sm: .8rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.1rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 1.75rem;--space-xs: .25rem;--space-sm: .375rem;--space-md: .5rem;--space-lg: .75rem;--space-xl: 1rem;--space-2xl: 1.25rem;--space-3xl: 1.5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem}body{font-size:var(--text-sm)}.container{padding:0 var(--space-sm);max-width:100%}button,.btn,a{min-height:44px;min-width:44px}.flex-mobile-column{flex-direction:column}.hide-mobile{display:none!important}}@media(max-width:768px){:root{--text-4xl: 2rem;--text-3xl: 1.5rem;--text-2xl: 1.25rem;--text-xl: 1.125rem}.container{padding:0 var(--space-md)}.grid{grid-template-columns:1fr;gap:var(--space-md)}.modal{width:95%;max-height:90vh;overflow-y:auto}}@media(max-width:1024px){.container{max-width:100%;padding:0 var(--space-lg)}}@media(orientation:landscape)and (max-height:600px){:root{--space-lg: .75rem;--space-xl: 1rem;--space-2xl: 1.25rem;--space-3xl: 1.5rem}}@media(hover:none)and (pointer:coarse){.btn:hover,a:hover{transform:none;box-shadow:none}.btn,button{padding:var(--space-md) var(--space-xl)}*:before,*:after{animation-play-state:paused!important}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){*{border-width:.5px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{color-scheme:dark}html,body{background-color:#0a0a0f!important;color:#f5f5f5!important;overflow-x:hidden}#root,.app{background-color:#0a0a0f!important;color:#f5f5f5!important;min-height:100vh}.app:before,.app:after,body:before,body:after,.projects-page:before,.projects-page:after,.domains-page:before,.domains-page:after,div[class*=gradient]:before,div[class*=gradient]:after{display:none!important;content:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:absolute!important;z-index:-99999!important;width:0!important;height:0!important}.page,.container,.content,.main-content,.app-content{background-color:#0a0a0f!important;background:#0a0a0f!important;color:#f5f5f5!important}.card,.panel,.surface,.modal,.dialog{background-color:#1a1a2e!important;color:#f5f5f5!important}.projects-page:before,.domains-page:before,.app:before{background:none!important;opacity:.1!important}.domains-table,.projects-table{color:#f5f5f5!important}.project-item,.domain-item,.task-item{background:#141423cc!important;border:1px solid rgba(255,255,255,.08)!important;color:#f5f5f5!important}.form-btn,.submit-btn,.cancel-btn{background-color:#1a1a2e!important;color:#f5f5f5!important;border:1px solid rgba(255,255,255,.1)!important}.form-btn:hover,.submit-btn:hover,.cancel-btn:hover{background-color:#2a2a3e!important}input,textarea,select{background-color:#00000080!important;color:#f5f5f5!important;border:1px solid rgba(255,255,255,.1)!important}.nav,.navigation,nav{background-color:#1a1a2ed9!important}.text-white{color:#f5f5f5!important}::-webkit-scrollbar{background-color:#0a0a0f}::-webkit-scrollbar-track{background-color:#1a1a2e}::-webkit-scrollbar-thumb{background-color:#3a3a5e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#4a4a6e}body:before,body:after,.app:before,.app:after,div[class*=page]:before,div[class*=page]:after{display:none!important;opacity:0!important;visibility:hidden!important;z-index:-9999!important;pointer-events:none!important}.modal-overlay:not(.sessions-modal-overlay):not(.confirm-modal-overlay),.backdrop:not(.modal-backdrop){display:none!important}.app,.app-content,.page,.main,.content{position:relative!important;z-index:1!important}.domains-page,.projects-page,.login-page,.tasks-page,.sessions-page{background:transparent!important;background-color:transparent!important}@media all{.domains-table-container,.projects-table-container,table.domains-table,table.projects-table,.domains-table tbody,.projects-table tbody{background:#000!important;background-color:#000!important}.domains-table *:not(.domain-color-dot):not(.project-color-dot),.projects-table *:not(.domain-color-dot):not(.project-color-dot){background-color:transparent!important}.domains-table thead,.projects-table thead{background:#ffffff0d!important;background-color:#ffffff0d!important}.domains-table tbody tr,.projects-table tbody tr{background:transparent!important;background-color:transparent!important}.domains-table tbody tr:hover,.projects-table tbody tr:hover{background:#ffffff08!important;background-color:#ffffff08!important}.domains-table-container,.projects-table-container,.domains-table,.projects-table{--bg-primary: #000000 !important;--bg-secondary: #000000 !important;--bg-tertiary: #000000 !important}}@media(prefers-color-scheme:light){.domains-table-container,.projects-table-container,table.domains-table,table.projects-table,.domains-table tbody,.projects-table tbody{background:#000!important;background-color:#000!important}}body .domains-page .domains-table-container,body .projects-page .projects-table-container,body .domains-page .domains-table-container table,body .projects-page .projects-table-container table{background:#000!important;background-color:#000!important}table{background:transparent!important;background-color:transparent!important}.confirm-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);display:flex;align-items:center;justify-content:center;z-index:99999;animation:modalFadeIn var(--transition-base) cubic-bezier(.25,.46,.45,.94)}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.confirm-modal{width:90%;max-width:480px;background:rgba(var(--bg-secondary-rgb),.98);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-2xl),0 0 80px #0006,0 0 120px rgba(var(--primary-rgb),.1),inset 0 1px #ffffff1a;animation:modalSlideUp var(--transition-slow) cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative}.confirm-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(var(--primary-rgb),.1) 0%,transparent 50%);animation:modalGradientFloat 8s ease-in-out infinite;pointer-events:none}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalGradientFloat{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.confirm-modal-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xl) var(--space-2xl);background:linear-gradient(135deg,#ffffff14,#ffffff08);border-bottom:1px solid rgba(255,255,255,.08);border-left:4px solid;position:relative;z-index:1}.confirm-modal-icon{font-size:2.5rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.confirm-modal-header h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:800;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3);letter-spacing:-.02em}.confirm-modal-body{padding:var(--space-2xl);position:relative;z-index:1}.confirm-modal-body p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin:0;text-shadow:0 1px 5px rgba(0,0,0,.3);opacity:0;animation:textFadeIn .5s ease-out .2s forwards}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-actions{display:flex;gap:var(--space-md);padding:var(--space-lg) var(--space-2xl) var(--space-xl);background:linear-gradient(135deg,#0000001a,#0000000d);border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:1}.confirm-btn{flex:1;padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 6px rgba(0,0,0,.4);position:relative;overflow:hidden;opacity:0;animation:btnFadeIn .5s ease-out .3s forwards}@keyframes btnFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-btn-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text-primary);box-shadow:var(--shadow-md)}.confirm-btn-cancel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#fff3,#ffffff1a);opacity:0;transition:opacity var(--transition-base)}.confirm-btn-cancel:hover{background:#ffffff26;transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg);border-color:#ffffff4d}.confirm-btn-cancel:hover:before{opacity:1}.confirm-btn-confirm{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-lg),0 0 30px rgba(var(--primary-rgb),.4);border:1px solid rgba(255,255,255,.2)}.confirm-btn-confirm:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.confirm-btn-confirm:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-xl),0 0 40px rgba(var(--primary-rgb),.6);border-color:#ffffff4d}.confirm-btn-confirm:hover:before{left:100%}.confirm-btn-confirm:active,.confirm-btn-cancel:active{transform:translateY(0) scale(.98);transition:all .1s}@media(max-width:768px){.confirm-modal{max-width:95%}.confirm-modal-header{padding:var(--space-lg) var(--space-xl)}.confirm-modal-header h3{font-size:var(--text-lg)}.confirm-modal-icon{font-size:2rem}.confirm-modal-body{padding:var(--space-xl)}.confirm-modal-body p{font-size:var(--text-sm)}.confirm-modal-actions{padding:var(--space-lg) var(--space-xl) var(--space-lg);flex-direction:column;gap:var(--space-sm)}.confirm-btn{padding:var(--space-sm) var(--space-lg);width:100%}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.error-boundary-content{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:3rem;max-width:600px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-boundary-content h1{color:#2d3748;font-size:2rem;margin-bottom:1rem;font-weight:700}.error-boundary-content>p{color:#4a5568;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.error-details{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:left;cursor:pointer;transition:all .3s ease}.error-details:hover{border-color:#cbd5e0;background:#edf2f7}.error-details summary{font-weight:600;color:#2d3748;font-size:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.error-details summary::-webkit-details-marker{display:none}.error-details summary:before{content:"▶";display:inline-block;margin-right:.5rem;transition:transform .3s ease}.error-details[open] summary:before{transform:rotate(90deg)}.error-message,.error-stack{margin-top:1rem}.error-message strong,.error-stack strong{display:block;color:#2d3748;margin-bottom:.5rem;font-size:.9rem}.error-message pre,.error-stack pre{background:#2d3748;color:#f7fafc;padding:1rem;border-radius:8px;overflow-x:auto;font-size:.85rem;line-height:1.5;font-family:Courier New,Courier,monospace;white-space:pre-wrap;word-wrap:break-word}.error-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.error-actions button{padding:.875rem 1.75rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-reload{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-reload:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-reload:active{transform:translateY(0)}.btn-report{background:#e2e8f0;color:#2d3748}.btn-report:hover{background:#cbd5e0;transform:translateY(-2px)}.btn-report:active{transform:translateY(0)}@media(max-width:768px){.error-boundary-content{padding:2rem 1.5rem}.error-icon{font-size:3rem}.error-boundary-content h1{font-size:1.5rem}.error-boundary-content>p{font-size:1rem}.error-actions{flex-direction:column}.error-actions button{width:100%;justify-content:center}}.navigation{position:fixed;left:0;top:0;bottom:0;width:240px;z-index:1000;background:rgba(var(--bg-card-rgb),.85);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-right:1px solid rgba(255,255,255,.08);padding:var(--space-lg);transition:all var(--transition-slow) cubic-bezier(.4,0,.2,1);box-shadow:4px 0 30px #0003,inset -1px 0 #ffffff0d;overflow:hidden}.navigation.collapsed{width:70px}.nav-toggle{position:absolute;top:var(--space-lg);right:-18px;width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:2px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all var(--transition-base);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4),0 2px 4px #0003,inset 0 1px #fff3}.nav-toggle:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:scale(1.1) rotate(180deg);box-shadow:0 6px 20px rgba(var(--primary-rgb),.5),0 2px 8px #0000004d,inset 0 1px #ffffff4d}.toggle-icon{font-size:1rem;font-weight:700;transition:transform var(--transition-base)}.navigation.collapsed .toggle-icon{transform:rotate(180deg)}.nav-container{display:flex;flex-direction:column;height:100%;padding-top:2.5rem}.nav-pages{flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#ffffff08;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base) cubic-bezier(.4,0,.2,1);color:var(--text-secondary);font-weight:600;font-size:var(--text-sm);letter-spacing:.3px;width:100%;white-space:nowrap;overflow:hidden;position:relative}.navigation.collapsed .nav-btn{justify-content:center;padding:1rem .5rem}.nav-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.3),transparent);transition:left .6s ease}.nav-btn:hover{background:#ffffff14;color:var(--text-primary);transform:translate(4px);border-color:#ffffff1a;box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff0d}.nav-btn:hover:before{left:100%}.nav-btn.active{background:linear-gradient(135deg,rgba(var(--primary-rgb),.15),rgba(var(--primary-rgb),.25));border-color:rgba(var(--primary-rgb),.4);color:var(--text-primary);box-shadow:0 0 20px rgba(var(--primary-rgb),.3),0 4px 12px #0003,inset 0 1px #ffffff1a;font-weight:700}.nav-btn.install-pwa-btn{background:linear-gradient(135deg,#00bcd41f,#0096aa1f);border-color:#00bcd44d;color:#00bcd4;margin-top:.5rem;animation:pulse-nav-install 2s ease-in-out infinite}.nav-btn.install-pwa-btn:hover{background:linear-gradient(135deg,#00bcd433,#0096aa33);border-color:#00bcd4;color:#00bcd4;transform:translate(6px) scale(1.02);animation:none;box-shadow:0 4px 16px #00bcd466,0 0 24px #00bcd44d,inset 0 1px #ffffff1a}@keyframes pulse-nav-install{0%,to{box-shadow:0 0 #00bcd466}50%{box-shadow:0 0 0 10px #00bcd400}}.nav-icon{font-size:1.3rem;flex-shrink:0}.nav-label{font-size:1rem;text-shadow:0 1px 5px rgba(0,0,0,.3);flex:1;text-align:left}.nav-user-section{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-lg);margin-top:var(--space-lg);position:relative}.nav-user-section:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.5),transparent)}.nav-user-info{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm);background:linear-gradient(135deg,#ffffff08,#ffffff0f);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-base)}.navigation.collapsed .nav-user-info{justify-content:center;padding:.5rem .25rem}.nav-user-avatar{width:40px;height:40px;min-width:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-600) 100%);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--text-base);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4),0 0 0 2px #ffffff1a,inset 0 1px #fff3;position:relative;overflow:hidden}.nav-user-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);animation:avatarShine 3s ease-in-out infinite}@keyframes avatarShine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.nav-user-details{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow:hidden}.nav-user-name{color:var(--text-primary);font-weight:600;font-size:var(--text-sm);text-shadow:0 1px 3px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.nav-user-email{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8}.nav-user-actions{display:flex;gap:.5rem;justify-content:center}.navigation.collapsed .nav-user-actions{flex-direction:column}.nav-user-btn{padding:var(--space-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.nav-user-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);transition:all .4s ease;transform:translate(-50%,-50%)}.nav-user-btn:hover{background:rgba(var(--primary-rgb),.15);border-color:rgba(var(--primary-rgb),.3);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 8px #0003,0 0 12px rgba(var(--primary-rgb),.3)}.nav-user-btn:hover:before{width:100px;height:100px}.nav-user-btn.settings:hover{background:#4facfe26;border-color:#4facfe4d;color:#4facfe;box-shadow:0 4px 8px #0003,0 0 12px #4facfe4d}.nav-user-btn.logout:hover{background:rgba(var(--danger-rgb),.15);border-color:rgba(var(--danger-rgb),.3);box-shadow:0 4px 8px #0003,0 0 12px rgba(var(--danger-rgb),.3)}.nav-user-btn.install-app{background:linear-gradient(135deg,#00bcd426,#0096aa26);border-color:#00bcd466;color:#00bcd4;animation:pulse-install 2s ease-in-out infinite}.nav-user-btn.install-app:hover{background:linear-gradient(135deg,#00bcd440,#0096aa40);border-color:#00bcd4;color:#00bcd4;box-shadow:0 4px 12px #00bcd466,0 0 20px #00bcd44d;animation:none;transform:translateY(-2px) scale(1.05)}@keyframes pulse-install{0%,to{box-shadow:0 0 #00bcd466}50%{box-shadow:0 0 0 8px #00bcd400}}.nav-profile-form{padding:1rem;display:flex;flex-direction:column;gap:1rem}.nav-profile-form .form-group{display:flex;flex-direction:column;gap:.5rem}.nav-profile-form label{color:#fff;font-weight:600;font-size:.95rem}.nav-profile-form input{padding:.7rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.95rem;transition:all .3s ease;outline:none}.nav-profile-form input::placeholder{color:#fff6}.nav-profile-form input:focus{background:#ffffff26;border-color:#4facfe99;box-shadow:0 0 0 3px #4facfe1a}.nav-profile-form input:disabled,.nav-profile-form input.input-disabled{opacity:.6;cursor:not-allowed;background:#ffffff0d}.nav-profile-form small{color:#ffffff80;font-size:.85rem;margin-top:-.25rem}.nav-profile-form .form-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.nav-profile-form .form-divider:before,.nav-profile-form .form-divider:after{content:"";flex:1;height:1px;background:#fff3}.nav-profile-form .form-divider span{color:#ffffffb3;font-size:.9rem;font-weight:600;white-space:nowrap}.nav-profile-form .form-actions{display:flex;gap:1rem;margin-top:.5rem}.nav-profile-form .btn-cancel,.nav-profile-form .btn-save{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease}.nav-profile-form .btn-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.nav-profile-form .btn-cancel:hover:not(:disabled){background:#ffffff26}.nav-profile-form .btn-save{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 8px 24px #4facfe66}.nav-profile-form .btn-save:hover:not(:disabled){background:linear-gradient(135deg,#3d9ae6,#00d9e6);box-shadow:0 12px 32px #4facfe99;transform:translateY(-2px)}.nav-profile-form .btn-save:disabled,.nav-profile-form .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.profile-edit-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn var(--transition-base) ease-out}.profile-edit-modal{width:90%;max-width:480px;background:linear-gradient(135deg,#14141cfa,#0f0f14fa);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:var(--radius-2xl);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #000000b3,0 0 100px rgba(var(--primary-rgb),.3),inset 0 1px #ffffff26;animation:slideUp var(--transition-slow) cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .75rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.close-btn{padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ff64644d;border-color:#ff646480;transform:rotate(90deg)}@media(max-width:768px){.navigation{width:70px;padding:var(--space-md) var(--space-sm)}.nav-btn{padding:var(--space-md) var(--space-xs);flex-direction:column;gap:var(--space-xs)}.nav-icon{font-size:var(--text-lg)}.nav-label{font-size:var(--text-xs);text-align:center}.nav-user-avatar{width:32px;height:32px;min-width:32px}.nav-user-btn{padding:var(--space-xs)}}@media(max-width:480px){.navigation{position:fixed;inset:auto 0 0;width:100%;height:60px;flex-direction:row;border-right:none;border-top:1px solid rgba(255,255,255,.08);padding:var(--space-xs) var(--space-sm);z-index:1100}.nav-toggle{display:none}.nav-container{flex-direction:row;padding-top:0;height:100%}.nav-pages{flex-direction:row;flex:1;justify-content:space-around;gap:var(--space-xs)}.nav-btn{flex:1;padding:var(--space-xs);gap:2px;border-radius:var(--radius-md)}.nav-btn:before{display:none}.nav-icon{font-size:1.25rem}.nav-label{font-size:.65rem;display:block!important}.nav-user-section{border-top:none;border-left:1px solid rgba(255,255,255,.08);padding:0 0 0 var(--space-sm);margin:0}.nav-user-info{display:none}.nav-user-actions{flex-direction:row;gap:var(--space-xs);height:100%;align-items:center}body .app{padding-bottom:70px}}@media(orientation:landscape)and (max-height:500px){.navigation{width:60px;padding:var(--space-sm) var(--space-xs)}.nav-btn{padding:var(--space-sm) 0;font-size:var(--text-xs)}.nav-icon{font-size:1rem}.nav-label{display:none}}.install-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:fadeIn var(--transition-base) ease-out;padding:1rem}.install-modal{width:100%;max-width:500px;background:linear-gradient(135deg,#14141cfa,#0f0f14fa);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #000000b3,0 0 100px #00bcd44d,inset 0 1px #ffffff26;animation:slideUp var(--transition-slow) cubic-bezier(.34,1.56,.64,1);overflow:hidden}.install-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#00bcd41a,#0096aa0d)}.install-modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 8px rgba(0,188,212,.3)}.install-modal-header .close-btn{font-size:2rem;line-height:1;width:40px;height:40px}.install-modal-body{padding:2rem 1.5rem}.install-intro{color:#ffffffe6;font-size:1.05rem;margin:0 0 2rem;line-height:1.6}.install-steps{display:flex;flex-direction:column;gap:1.5rem}.install-step{display:flex;gap:1rem;align-items:flex-start}.step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00bcd466,inset 0 1px #ffffff4d}.step-content{flex:1;display:flex;gap:1rem;align-items:center;background:#ffffff08;padding:1rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.step-content:hover{background:#ffffff0f;border-color:#00bcd44d;transform:translate(4px)}.step-icon{font-size:2rem;flex-shrink:0}.step-text{flex:1;color:#ffffffe6;line-height:1.6}.step-text strong{color:#00bcd4;font-weight:700}.step-hint{display:block;color:#ffffff80;font-size:.9rem;margin-top:.25rem;font-style:italic}.install-note{margin-top:2rem;padding:1rem;background:linear-gradient(135deg,#00bcd41a,#0096aa0d);border-left:3px solid #00bcd4;border-radius:8px;color:#fffc;font-size:.95rem;line-height:1.6}@media(max-width:480px){.install-modal{max-width:100%;margin:1rem}.install-modal-header{padding:1rem}.install-modal-header h2{font-size:1.25rem}.install-modal-body{padding:1.5rem 1rem}.install-intro{font-size:1rem}.step-content{flex-direction:column;align-items:flex-start}.step-icon{font-size:1.5rem}}.sync-indicator{position:fixed;top:var(--space-lg);right:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:rgba(var(--bg-card-rgb),.9);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg),0 0 30px #0003,inset 0 1px #ffffff1a;cursor:pointer;transition:all var(--transition-slow) cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.sync-indicator:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle at center,rgba(var(--primary-rgb),.2) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.sync-indicator:hover{transform:translateY(-3px) scale(1.02);background:rgba(var(--bg-card-rgb),.95);border-color:#fff3;box-shadow:var(--shadow-xl),0 0 40px rgba(var(--primary-rgb),.3),inset 0 1px #ffffff26}.sync-indicator:hover:before{opacity:1;animation:pulseGradient 2s ease-in-out infinite}@keyframes pulseGradient{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}.sync-indicator:active{transform:translateY(-1px) scale(1.01)}.sync-icon{font-size:var(--text-lg);animation:none;transition:transform var(--transition-base);position:relative;z-index:1}.sync-indicator.syncing .sync-icon{animation:smoothRotate 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes smoothRotate{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.05)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}.sync-text{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.3px;position:relative;z-index:1;transition:all var(--transition-base)}.sync-indicator.syncing{background:linear-gradient(135deg,rgba(var(--info-rgb),.15),rgba(var(--info-rgb),.25));border-color:rgba(var(--info-rgb),.4);box-shadow:var(--shadow-lg),0 0 40px rgba(var(--info-rgb),.4),inset 0 1px #fff3;pointer-events:none;animation:syncPulse 2s ease-in-out infinite}@keyframes syncPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.sync-indicator.success{background:linear-gradient(135deg,rgba(var(--success-rgb),.15),rgba(var(--success-rgb),.25));border-color:rgba(var(--success-rgb),.4);box-shadow:var(--shadow-lg),0 0 40px rgba(var(--success-rgb),.3),inset 0 1px #fff3;animation:successBounce var(--transition-slow) cubic-bezier(.68,-.55,.265,1.55)}@keyframes successBounce{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.sync-indicator.success:hover{box-shadow:var(--shadow-xl),0 0 50px rgba(var(--success-rgb),.4),inset 0 1px #ffffff40}.sync-indicator.error{background:linear-gradient(135deg,rgba(var(--danger-rgb),.15),rgba(var(--danger-rgb),.25));border-color:rgba(var(--danger-rgb),.4);box-shadow:var(--shadow-lg),0 0 40px rgba(var(--danger-rgb),.3),inset 0 1px #fff3;animation:errorShake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes errorShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.sync-indicator.idle{background:#ffffff0d;border-color:#ffffff1a;opacity:.9}.sync-indicator.idle:hover{opacity:1}.sync-indicator{animation:none}.sync-indicator[class*=sync-indicator]:not(.idle){animation-fill-mode:both}@media(max-width:768px){.sync-indicator{top:var(--space-md);right:var(--space-md);padding:var(--space-xs) var(--space-md);transform:scale(.9)}.sync-icon{font-size:var(--text-base)}.sync-text{font-size:var(--text-xs)}.sync-indicator:hover{transform:scale(.92)}}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--space-md);pointer-events:none;max-width:420px}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#2d2d2dfa;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl),0 0 40px #0000004d,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.1);pointer-events:all;animation:toastSlideIn var(--transition-slow) cubic-bezier(.34,1.56,.64,1);min-width:320px;max-width:420px;position:relative;overflow:hidden}.toast:before{content:"";position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));animation:toastProgress 3s linear forwards;border-radius:0 0 var(--radius-lg) var(--radius-lg)}@keyframes toastSlideIn{0%{transform:translate(calc(100% + var(--space-lg))) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-weight:700;font-size:var(--text-base);flex-shrink:0;position:relative;box-shadow:0 0 12px #0000001a}.toast-success{border-left:4px solid var(--success)}.toast-success .toast-icon{background:linear-gradient(135deg,rgba(var(--success-rgb),.2),rgba(var(--success-rgb),.3));color:var(--success);box-shadow:0 0 20px rgba(var(--success-rgb),.3)}.toast-success:before{background:linear-gradient(90deg,var(--success),var(--success-dark))}.toast-error{border-left:4px solid var(--danger)}.toast-error .toast-icon{background:linear-gradient(135deg,rgba(var(--danger-rgb),.2),rgba(var(--danger-rgb),.3));color:var(--danger);box-shadow:0 0 20px rgba(var(--danger-rgb),.3)}.toast-error:before{background:linear-gradient(90deg,var(--danger),var(--danger-dark))}.toast-warning{border-left:4px solid var(--warning)}.toast-warning .toast-icon{background:linear-gradient(135deg,rgba(var(--warning-rgb),.2),rgba(var(--warning-rgb),.3));color:var(--warning);box-shadow:0 0 20px rgba(var(--warning-rgb),.3)}.toast-warning:before{background:linear-gradient(90deg,var(--warning),var(--warning-dark))}.toast-info{border-left:4px solid var(--info)}.toast-info .toast-icon{background:linear-gradient(135deg,rgba(var(--info-rgb),.2),rgba(var(--info-rgb),.3));color:var(--info);box-shadow:0 0 20px rgba(var(--info-rgb),.3)}.toast-info:before{background:linear-gradient(90deg,var(--info),var(--info-dark))}.toast-message{flex:1;color:#fff;font-size:var(--text-sm);font-weight:500;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.3px}.toast-close{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fffc;font-size:1.25rem;line-height:1;padding:.25rem .5rem;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;position:relative;overflow:hidden}.toast-close:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);transition:all .3s ease;transform:translate(-50%,-50%)}.toast-close:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.toast-close:hover:before{width:60px;height:60px}@media(max-width:768px){.toast-container{top:var(--space-md);right:var(--space-md);left:var(--space-md);max-width:none}.toast{min-width:unset;max-width:none;width:100%}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:#0f0c29;background:linear-gradient(135deg,#24243e,#302b63,#0f0c29);position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(79,172,254,.3) 0%,transparent 70%);filter:blur(40px);animation:float 20s ease-in-out infinite}.login-page:before{width:400px;height:400px;top:-100px;right:-100px}.login-page:after{width:600px;height:600px;bottom:-200px;left:-200px;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-container{width:100%;max-width:480px;background:#ffffff0d;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 0 80px #4facfe33,inset 0 1px #fff3;padding:3rem 2.5rem;animation:fadeIn .6s ease-out;position:relative;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:.75rem;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:#fffc;font-size:1.1rem;text-shadow:0 2px 8px rgba(0,0,0,.2);font-weight:400}.login-tabs{display:flex;gap:.5rem;margin-bottom:2.5rem;background:#ffffff08;padding:.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.tab-btn{flex:1;padding:1rem 1.5rem;background:transparent;border:none;border-radius:12px;color:#ffffffb3;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tab-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#4facfe33,#00f2fe33);opacity:0;transition:opacity .3s ease}.tab-btn:hover{color:#ffffffe6}.tab-btn:hover:before{opacity:1}.tab-btn.active{background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);color:#fff;box-shadow:0 4px 16px #4facfe4d,inset 0 1px #fff3}.login-form{display:flex;flex-direction:column;gap:1.75rem}.form-group{display:flex;flex-direction:column;gap:.75rem;position:relative}.login-form label{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.2);letter-spacing:.3px}.login-form label svg{opacity:.9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.login-form input{padding:1rem 1.25rem;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;letter-spacing:.3px;box-shadow:0 4px 8px #0000001a,inset 0 1px #ffffff0d}.login-form input::placeholder{color:#fff6}.login-form input:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 6px 12px #00000026,inset 0 1px #ffffff1a}.login-form input:focus{background:#ffffff1f;border-color:#4facfeb3;box-shadow:0 0 0 3px #4facfe33,0 6px 16px #4facfe4d,inset 0 1px #ffffff26;transform:translateY(-1px)}.login-form input:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-submit{margin-top:1rem;padding:1.1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #667eea66,0 2px 8px #0003;display:flex;align-items:center;justify-content:center;gap:.75rem;position:relative;overflow:hidden;letter-spacing:.5px}.btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#7b8ff0,#8659ad);box-shadow:0 15px 40px #667eea80,0 5px 15px #0000004d;transform:translateY(-3px)}.btn-submit:hover:not(:disabled):before{left:100%}.btn-submit:active:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #667eea66,0 2px 8px #0003}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:none}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:2rem;text-align:center;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.08)}.login-footer p{color:#ffffffb3;font-size:.95rem}.link-btn{background:none;border:none;color:#93bbfc;font-weight:600;cursor:pointer;text-decoration:none;padding:0;font-size:inherit;transition:all .3s ease;position:relative}.link-btn:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.link-btn:hover{color:#bfdbfe}.link-btn:hover:after{width:100%}@media(max-width:768px){.login-page{padding:1rem}.login-page:before{width:300px;height:300px}.login-page:after{width:400px;height:400px}.login-container{padding:2rem 1.5rem;max-width:100%}.login-header h1{font-size:2rem}.login-header p{font-size:1rem}.btn-submit{padding:1rem 1.5rem;font-size:1.05rem}.tab-btn{padding:.85rem 1rem;font-size:.95rem}}.form-group{animation:slideIn .5s ease-out backwards}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.btn-submit{animation:slideIn .5s ease-out .3s backwards}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.domains-page{padding:0 2rem 3rem;max-width:1400px;margin:0 auto}.page-header{text-align:center;margin-bottom:3rem;position:relative}.page-header h1{color:#fff;font-size:2.8rem;margin:0 0 .8rem;text-shadow:0 0 30px rgba(33,150,243,.3),0 4px 20px rgba(0,0,0,.5);font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#64b5f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:#ffffffbf;font-size:1.15rem;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3);font-weight:400;letter-spacing:.3px}.domains-table-container{background:#000!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #000,0 8px 32px #000c,inset 0 1px 1px #ffffff0d;overflow:hidden;margin-bottom:3rem;position:relative}.domains-table{width:100%;border-collapse:collapse}.domains-table thead{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.domains-table th{padding:1.25rem 1.5rem;text-align:left;color:#fffffff2;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.domains-table tbody tr{border-bottom:1px solid rgba(255,255,255,.03);transition:all .3s cubic-bezier(.4,0,.2,1)}.domains-table tbody tr:hover{background:#ffffff08;transform:scale(1.01)}.domains-table tbody tr:last-child{border-bottom:none}.domain-row{cursor:default}.domain-row.no-domain{opacity:.8}.domain-row.no-domain:hover{opacity:1}.domains-table td{padding:1.25rem 1.5rem;color:#ffffffe6;font-size:1rem;vertical-align:middle}.domain-name-cell{min-width:200px}.domain-name-content{display:flex;align-items:center;gap:1rem}.domain-color-dot{width:24px;height:24px;min-width:24px;border-radius:50%;box-shadow:0 4px 12px #0006,0 0 0 3px #fff3,inset 0 2px 4px #ffffff4d;transition:all .3s ease;flex-shrink:0;position:relative}.domain-row:hover .domain-color-dot{transform:scale(1.15);box-shadow:0 6px 16px #00000080,0 0 0 3px #fff3}.domain-name{font-weight:700;font-size:1.1rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.8);letter-spacing:.3px}.stat-cell{text-align:center;font-family:SF Mono,Monaco,Courier New,monospace;font-weight:600;color:#ffffffd9}.stat-cell.highlight{color:#64b5f6;font-size:1.1rem;font-weight:700;text-shadow:0 0 20px rgba(100,181,246,.4),0 2px 10px rgba(0,0,0,.4)}.progress-cell{min-width:200px}.progress-container{display:flex;align-items:center;gap:1rem}.progress-bar{flex:1;height:12px;background:#00000059;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #0006,0 1px #ffffff1a;border:1px solid rgba(0,0,0,.3);position:relative}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent);border-radius:8px 8px 0 0}.progress-fill{height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);border-radius:6px;box-shadow:0 0 10px currentColor,0 0 20px #ffffff4d,inset 0 1px #fff6;background:linear-gradient(90deg,currentColor 0%,rgba(255,255,255,.9) 50%,currentColor 100%);background-size:200% 100%;animation:progressShine 2s ease-in-out infinite;position:relative}@keyframes progressShine{0%,to{background-position:0% center}50%{background-position:100% center}}.progress-text{min-width:50px;text-align:right;font-weight:700;font-family:SF Mono,Monaco,Courier New,monospace;color:#ffffffe6;font-size:.95rem}.actions-cell{text-align:center;min-width:120px}.edit-btn,.delete-btn{padding:.5rem;width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;line-height:1}.edit-btn:hover{background:#4facfe4d;border-color:#4facfe80;transform:scale(1.15);box-shadow:0 4px 12px #4facfe4d}.delete-btn{font-size:1.5rem;color:#ffffffb3}.delete-btn:hover{background:linear-gradient(135deg,#fc4a1a,#f7b733);border-color:#ffffff4d;color:#fff;transform:rotate(90deg) scale(1.15);box-shadow:0 4px 15px #fc4a1a80}.add-domain-section{display:flex;justify-content:center;margin-bottom:2rem}.btn-add-domain{padding:1rem 2rem;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #4facfe66}.btn-add-domain:hover{background:linear-gradient(135deg,#3d9ae6,#00d9e6);box-shadow:0 12px 32px #4facfe99;transform:translateY(-2px)}.domain-form-container{margin-bottom:2rem;background:linear-gradient(135deg,#0a0a0ffc,#05050afc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px #000000b3,0 2px 8px #00000080,inset 0 1px #ffffff0d;overflow:hidden}.domain-form{padding:2rem}.domain-form h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.3);text-align:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#ffffffe6;font-weight:600;font-size:.95rem;text-shadow:0 1px 5px rgba(0,0,0,.2)}.form-group input{padding:.8rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease;outline:none}.form-group input::placeholder{color:#fff6}.form-group input:focus{background:#ffffff26;border-color:#4facfe99;box-shadow:0 0 0 3px #4facfe1a}.color-picker{display:flex;gap:.8rem;flex-wrap:wrap;padding:.5rem 0}.color-option{width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;border:3px solid transparent;box-shadow:0 4px 12px #0000004d}.color-option:hover{transform:scale(1.15);box-shadow:0 6px 16px #0006}.color-option.selected{border-color:#fff;box-shadow:0 6px 20px #00000080,0 0 0 2px #ffffff4d;transform:scale(1.2)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn{padding:.8rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.btn-cancel:hover{background:#ffffff26;transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 8px 24px #4facfe66}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#3d9ae6,#00d9e6);box-shadow:0 12px 32px #4facfe99;transform:translateY(-2px)}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.domains-page{padding:0 1rem 2rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.domains-table{font-size:.9rem}.domains-table th,.domains-table td{padding:.75rem .5rem}.domain-name-cell,.progress-cell{min-width:150px}.progress-text{min-width:40px;font-size:.85rem}}.new-project-trigger{padding:0 2rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.btn-new-project{background:linear-gradient(135deg,#fff3,#ffffff1a);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);color:#fff;border:1px solid rgba(255,255,255,.3);padding:1.2rem 2.5rem;font-size:1.1rem;font-weight:700;border-radius:60px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #00000040,inset 0 1px #fff3;width:100%;max-width:350px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.btn-new-project:before{content:"+";position:absolute;left:20px;font-size:1.8rem;font-weight:300}.btn-new-project:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px #00000059,inset 0 1px #ffffff4d;background:linear-gradient(135deg,#ffffff40,#ffffff26)}.domain-select{width:100%;padding:.8rem 1.2rem;border:2px solid rgba(255,255,255,.2);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;font-size:1rem;transition:all .3s ease;font-family:inherit;color:#fff;cursor:pointer}.domain-select option{background:#1e3c72;color:#fff}.number-input-group{display:flex;flex-direction:column;align-items:center;gap:4px;background:#2a2a3ecc;border:2px solid #4facfe;border-radius:12px;padding:8px 16px}.increment-btn,.decrement-btn{width:100%;padding:4px 12px;background:#4facfe33;border:1px solid rgba(79,172,254,.4);border-radius:6px;color:#4facfe;font-size:.8rem;cursor:pointer;transition:all .2s ease;line-height:1}.number-display{color:#fff;font-weight:700;font-size:1.1rem;font-family:SF Mono,Monaco,Courier New,monospace;padding:4px 0;min-width:45px;text-align:center}.domain-select:focus{outline:none;border-color:#fff6;background:#ffffff26;box-shadow:inset 0 2px 10px #0000001a,0 0 15px #fff3}.new-project-form-container{padding:0 2rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.new-project-form{background:linear-gradient(135deg,#0a0a0ffc,#05050afc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:2.5rem;box-shadow:0 20px 60px #000000b3,inset 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.05)}.new-project-form h3{margin:0 0 2rem;color:#fff;font-size:1.8rem;font-weight:700;text-shadow:0 2px 15px rgba(0,0,0,.3);letter-spacing:-.5px}.form-group{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.75rem;color:#fff;font-weight:600;font-size:1rem;text-shadow:0 1px 5px rgba(0,0,0,.3)}.form-group input{width:100%;padding:1rem 1.5rem;border:2px solid rgba(255,255,255,.2);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;font-size:1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;color:#fff;box-shadow:inset 0 2px 10px #0000001a}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{outline:none;border-color:#fff6;background:#ffffff26;box-shadow:inset 0 2px 10px #0000001a,0 0 20px #fff3}.color-picker{display:flex;gap:1rem;flex-wrap:wrap}.color-option{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;position:relative;box-shadow:0 4px 15px #0003}.color-option:after{content:"";position:absolute;inset:0;border-radius:50%;background:inherit;filter:brightness(1.2);opacity:0;transition:opacity .3s ease}.color-option:hover{transform:scale(1.15);border-color:#fff6;box-shadow:0 6px 25px #0000004d}.color-option:hover:after{opacity:1}.color-option.selected{border-color:#fff;box-shadow:0 0 0 3px #ffffff4d,0 8px 30px #0006;transform:scale(1.2)}.form-actions{display:flex;gap:1.5rem;margin-top:2.5rem}.form-actions .btn{flex:1;padding:1rem 2rem;border:none;border-radius:60px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.form-actions .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.form-actions .btn:hover:before{width:300px;height:300px}.btn-cancel{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0003}.btn-cancel:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-create{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 25px #11998e4d}.btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #11998e66;background:linear-gradient(135deg,#0e8274,#2dd368)}.btn-create:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-create:disabled:hover{transform:none;box-shadow:0 8px 25px #11998e4d}@media(max-width:768px){.new-project-trigger,.new-project-form-container{padding-left:1rem;padding-right:1rem}.btn-new-project{max-width:100%}.new-project-form{padding:2rem}.new-project-form h3{font-size:1.5rem}.color-picker{gap:.75rem}.color-option{width:42px;height:42px}.form-actions{flex-direction:column;gap:1rem}}.task-details{background:var(--bg-secondary);border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;width:600px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column}.task-details-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border)}.task-details-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.task-details-header .close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.task-details-header .close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.task-details-content{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:2rem}.notes-section h4,.files-section h4{margin:0 0 1rem;font-size:1.1rem;color:var(--text-primary)}.notes-section textarea{width:100%;background:#0a0a0ff2!important;border:2px solid rgba(255,255,255,.2)!important;border-radius:8px;padding:.75rem;color:#fff!important;font-family:inherit;font-size:1rem!important;font-weight:500!important;resize:vertical;min-height:100px;transition:border-color .2s ease}.notes-section textarea:focus{outline:none;border-color:#4facfe!important;box-shadow:0 0 0 3px #4facfe33!important}.notes-section textarea::placeholder{color:#ffffff80!important}.save-notes-btn{display:block!important;width:100%!important;margin-top:.75rem!important;padding:.75rem 1rem!important;background:#4facfe!important;color:#fff!important;border:2px solid #3a8bd4!important;border-radius:8px!important;font-size:1rem!important;font-weight:600!important;cursor:pointer;transition:all .2s ease}.save-notes-btn:hover:not(:disabled){background:var(--accent-hover)}.save-notes-btn:disabled{opacity:.5;cursor:not-allowed}.auth-required,.no-folder{padding:2rem;text-align:center;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border)}.auth-required p,.no-folder p{color:var(--text-secondary);margin:0 0 1rem}.create-folder-btn{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.create-folder-btn:hover{background:var(--accent-hover)}.file-upload{margin-bottom:1rem}.upload-btn{display:inline-block;padding:.75rem 1.25rem;background:var(--bg-primary);border:2px dashed var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-align:center;width:100%}.upload-btn:hover:not(.disabled){border-color:var(--accent);color:var(--accent);background:#4a90e21a}.upload-btn.disabled{opacity:.5;cursor:not-allowed}.loading-files{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--text-secondary)}.no-files{text-align:center;color:var(--text-tertiary);padding:2rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border)}.files-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.file-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border);transition:all .2s ease}.file-item:hover{border-color:var(--accent-dim)}.file-name{color:var(--text-primary);font-size:.9rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:1rem}.file-actions{display:flex;gap:.5rem}.file-actions button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.preview-btn:hover{background:#a855f733}.download-btn:hover{background:#4a90e233}.delete-btn:hover{background:#ef444433}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.file-item.uploading{border-color:#4a90e280;background:#4a90e20d;opacity:.8}.file-item.error{border-color:#ef444480;background:#ef44440d}.file-item .remove-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;color:var(--text-secondary)}.file-item .remove-btn:hover{background:#ef444433;color:#ef4444}.confirm-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.confirm-modal{background:linear-gradient(135deg,#1e1e28fa,#14141efa);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #00000080;border:1px solid rgba(255,255,255,.1);max-width:400px;width:90%;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal h3{margin:0 0 1rem;font-size:1.5rem;color:#fff;text-align:center}.confirm-modal p{margin:0 0 1rem;color:#fff;text-align:center;line-height:1.5}.confirm-modal .file-name-confirm{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;margin:1.5rem 0;color:#fff;font-weight:500;text-align:center;word-break:break-word}.confirm-modal-actions{display:flex;gap:1rem;margin-top:2rem}.confirm-modal-actions button{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.cancel-btn:hover{background:#ffffff26;border-color:#ffffff4d}.confirm-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #ef44444d}.confirm-delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.confirm-delete-btn:active{transform:translateY(0)}.status-modal-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.status-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:16px;min-width:350px;max-width:90%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.status-modal-header h3{margin:0;color:#fff;font-size:1.25rem;font-weight:600}.status-modal-close{background:none;border:none;color:#fff9;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;line-height:1}.status-modal-close:hover{background:#ffffff1a;color:#fff}.status-modal-body{padding:1rem}.status-option{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:.5rem}.status-option:last-child{margin-bottom:0}.status-option:hover{background:#ffffff14}.status-option.selected{background:#00bcd426;border:1px solid rgba(0,188,212,.3)}.status-radio{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.status-option.selected .status-radio{border-color:#00bcd4}.status-radio-inner{width:10px;height:10px;border-radius:50%;background:#00bcd4;animation:radioScale .2s ease}@keyframes radioScale{0%{transform:scale(0)}to{transform:scale(1)}}.status-label{color:#fff;font-size:1rem;font-weight:600}.status-option.selected .status-label{color:#00bcd4}.status-filter{position:relative;display:inline-block}.status-filter-button{padding:.875rem 1.5rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffe6;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;letter-spacing:.3px}.status-filter-button:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.filter-icon{font-size:1.1rem}.filter-count{color:#fff9;font-size:.85rem}.dropdown-arrow{font-size:.7rem;color:#fff9;margin-left:.25rem}.status-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#1a1a1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;min-width:200px;box-shadow:0 8px 24px #0006;z-index:1000;animation:dropdownSlideIn .2s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-header{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.filter-toggle-all{background:none;border:none;color:#00bcd4;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;transition:color .2s ease}.filter-toggle-all:hover{color:#00acc1}.filter-options{padding:.5rem}.filter-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;border-radius:8px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.filter-option:hover{background:#ffffff0d}.filter-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#00bcd4}.filter-option-label{color:#ffffffe6;font-size:.9rem;font-weight:500}.status-filter-backdrop{position:fixed;inset:0;z-index:999}.project-list{padding:2rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.project-list>h2{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:2.5rem;text-shadow:0 4px 20px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.5);letter-spacing:-.5px;text-align:center;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.filters-container{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.projects-table-container{background:#000!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #000,0 8px 32px #000c,inset 0 1px 1px #ffffff0d;overflow:hidden;position:relative}.projects-table{width:100%;border-collapse:collapse}.projects-table thead{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.projects-table th{padding:1.25rem 1.5rem;text-align:left;color:#fffffff2;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.projects-table tbody tr{border-bottom:1px solid rgba(255,255,255,.03);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.projects-table tbody tr:hover{background:#ffffff08;transform:scale(1.01)}.projects-table tbody tr:last-child{border-bottom:none}.project-row.active{background:linear-gradient(135deg,#2196f326,#1976d21a);border-left:4px solid #4facfe;box-shadow:inset 0 0 20px #2196f31a}.project-row.active:hover{background:linear-gradient(135deg,#2196f333,#1976d226)}.project-row.running{animation:rowPulse 2s ease-in-out infinite}@keyframes rowPulse{0%,to{box-shadow:inset 0 0 #38ef7d00}50%{box-shadow:inset 0 0 20px #38ef7d33}}.projects-table td{padding:1.25rem 1.5rem;color:#ffffffe6;font-size:1rem;vertical-align:middle}.domain-name-cell,.project-name-cell{min-width:180px}.domain-name-content,.project-name-content{display:flex;align-items:center;gap:1rem}.domain-color-dot,.project-color-dot{width:24px;height:24px;min-width:24px;border-radius:50%;box-shadow:0 4px 12px #0006,0 0 0 3px #fff3,inset 0 2px 4px #ffffff4d;transition:all .3s ease;flex-shrink:0;position:relative}.project-row:hover .domain-color-dot,.project-row:hover .project-color-dot{transform:scale(1.2);box-shadow:0 6px 16px #00000080,0 0 0 3px #fff3}.domain-name,.project-name{font-weight:700;font-size:1.1rem;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.8);letter-spacing:.3px}.task-count-cell{text-align:center;font-weight:600;color:#ffffffb3;font-size:.95rem}.time-cell{text-align:center;font-family:SF Mono,Monaco,Courier New,monospace;font-weight:700;font-size:1.15rem;text-shadow:0 0 15px currentColor,0 2px 10px rgba(0,0,0,.4);letter-spacing:-.5px}.status-cell{text-align:center;min-width:120px;position:relative;z-index:50}.status-button{padding:.5rem .75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.status-button:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.status-button:active{transform:translateY(0)}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.status-badge.running{color:#38ef7d;background:linear-gradient(135deg,#38ef7d33,#1cc86426);border:1px solid rgba(56,239,125,.4);box-shadow:0 0 20px #38ef7d4d,0 4px 12px #0000004d;animation:badgeGlow 2s ease-in-out infinite}@keyframes badgeGlow{0%,to{box-shadow:0 0 20px #38ef7d4d,0 4px 12px #0000004d}50%{box-shadow:0 0 30px #38ef7d80,0 6px 16px #0006}}.status-badge.stopped{color:#fff9;background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.status-select{padding:.5rem .75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffe6;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;outline:none;min-width:120px}.status-select:hover{background:#ffffff1f;border-color:#ffffff40}.status-select:focus{background:#ffffff26;border-color:#4facfe99;box-shadow:0 0 0 3px #4facfe1a}.status-select option{background-color:#1a1a1a!important;background:#1a1a1a!important;color:#fff!important;padding:.75rem .5rem;font-weight:600;font-size:.9rem}.status-select option:hover{background-color:#2a2a2a!important;background:#2a2a2a!important}.status-select option:checked,.status-select option:active,.status-select option[selected]{background-color:#0097a7!important;background:#0097a7!important;color:#fff!important;font-weight:700}.expand-cell{width:40px;text-align:center;position:relative;z-index:5}.expand-btn{padding:.4rem;width:28px;height:28px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fffc;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:10;pointer-events:auto!important}.expand-btn:hover{background:#4facfe33;border-color:#4facfe66;color:#fff;transform:scale(1.1)}.task-count-badge{display:inline-flex;align-items:center;justify-content:center;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:700;margin-left:.5rem;color:#ffffffe6}.actions-cell{text-align:center;min-width:200px}.action-buttons{display:flex;gap:.5rem;align-items:center;justify-content:center}.action-btn{padding:.5rem;width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;line-height:1}.action-btn.btn-start{background:linear-gradient(135deg,#38ef7d33,#1cc86426);border-color:#38ef7d66;color:#38ef7d}.action-btn.btn-start:hover{background:linear-gradient(135deg,#38ef7d4d,#1cc86440);border-color:#38ef7d99;transform:scale(1.15);box-shadow:0 4px 15px #38ef7d66}.action-btn.btn-stop{background:linear-gradient(135deg,#ff9f4033,#ff634726);border-color:#ff9f4066;color:#ff9f40}.action-btn.btn-stop:hover{background:linear-gradient(135deg,#ff9f404d,#ff634740);border-color:#ff9f4099;transform:scale(1.15);box-shadow:0 4px 15px #ff9f4066}.action-btn.btn-reset:hover{background:#4facfe4d;border-color:#4facfe80;color:#4facfe;transform:rotate(180deg) scale(1.15);box-shadow:0 4px 15px #4facfe4d}.action-btn.btn-task{font-size:1.5rem;font-weight:700}.action-btn.btn-task:hover{background:#2196f34d;border-color:#2196f380;color:#2196f3;transform:scale(1.2);box-shadow:0 4px 15px #2196f34d}.action-btn.btn-delete{font-size:1.5rem}.action-btn.btn-delete:hover{background:linear-gradient(135deg,#fc4a1a,#f7b733);border-color:#ffffff4d;color:#fff;transform:rotate(90deg) scale(1.15);box-shadow:0 4px 15px #fc4a1a80}.action-btn.btn-sessions:hover{background:#9c27b04d;border-color:#9c27b080;color:#ce93d8;transform:scale(1.15);box-shadow:0 4px 15px #9c27b04d}.task-row{background:#0000001a}.task-row:hover{background:#00000026}.task-row.running{animation:taskPulse 2s ease-in-out infinite}@keyframes taskPulse{0%,to{background:#38ef7d0d}50%{background:#38ef7d1a}}.task-name-cell{padding-left:3rem!important}.task-name-content{display:flex;align-items:center;gap:.5rem}.task-indent{color:#fff6;font-size:1.2rem}.task-name{font-weight:500;color:#ffffffd9}.task-form-row{background:#2196f314}.inline-task-form{display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem}.inline-task-form input{flex:1;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.inline-task-form input::placeholder{color:#fff6}.inline-task-form input:focus{background:#ffffff26;border-color:#4facfe80;box-shadow:0 0 0 3px #4facfe1a}.inline-task-form button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:8px;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;white-space:nowrap}.inline-task-form button:hover{background:linear-gradient(135deg,#3d9ae6,#00d9e6);transform:translateY(-2px);box-shadow:0 4px 12px #4facfe66}.inline-task-form button:last-child{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.inline-task-form button:last-child:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:768px){.project-list{padding:1rem}.project-list>h2{font-size:1.8rem}.projects-table{font-size:.9rem}.projects-table th,.projects-table td{padding:.75rem .5rem}.domain-name-cell,.project-name-cell{min-width:130px}.time-cell{font-size:1rem}.status-cell{min-width:100px}.status-badge{padding:.4rem .8rem;font-size:.75rem}}.sessions-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.sessions-modal-content{background:linear-gradient(135deg,#1e1e2dfa,#141423fa);border-radius:24px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080,0 8px 32px #0000004d,inset 0 1px #ffffff1a;max-width:700px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.sessions-modal-header{padding:2rem;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff14,#ffffff0a);display:flex;align-items:center;justify-content:space-between;border-radius:24px 24px 0 0}.sessions-modal-header h3{margin:0;color:#fff;font-size:1.8rem;font-weight:700;text-shadow:0 2px 15px rgba(0,0,0,.4)}.sessions-header-actions{display:flex;gap:1rem;align-items:center}.btn-add-session{padding:.75rem 1.5rem;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 15px #4facfe4d}.btn-add-session:hover{background:linear-gradient(135deg,#3d9ae6,#00d9e6);transform:translateY(-2px);box-shadow:0 6px 20px #4facfe80}.sessions-modal-close{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#ffffffe6;font-size:2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.sessions-modal-close:hover{background:linear-gradient(135deg,#fc4a1a,#f7b733);border-color:#ffffff4d;color:#fff;transform:rotate(90deg);box-shadow:0 4px 15px #fc4a1a80}.sessions-modal-body{padding:2rem;overflow-y:auto;flex:1}.sessions-modal-body::-webkit-scrollbar{width:10px}.sessions-modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.sessions-modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.sessions-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.no-sessions{text-align:center;color:#ffffff80;font-size:1.1rem;padding:3rem;font-style:italic}.sessions-table{width:100%;border-collapse:collapse}.sessions-table thead{background:#1a1a1a!important;border-bottom:2px solid rgba(255,255,255,.15)}.sessions-table th{padding:1rem 1.5rem;text-align:left;color:#fffffff2;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.sessions-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.sessions-table tbody tr:hover{background:#4facfe1a}.sessions-table td{padding:1rem 1.5rem;color:#ffffffd9;font-size:.95rem}.session-duration-cell{color:#4facfe;font-family:SF Mono,Monaco,Courier New,monospace;font-weight:700;font-size:1.05rem;text-shadow:0 0 10px currentColor}.session-actions-cell{text-align:center}.session-action-btn{padding:.4rem;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:1rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem}.session-action-btn.btn-edit:hover{background:#4facfe4d;border-color:#4facfe80;transform:scale(1.1);box-shadow:0 4px 12px #4facfe4d}.session-action-btn.btn-delete{font-size:1.5rem}.session-action-btn.btn-delete:hover{background:linear-gradient(135deg,#fc4a1a,#f7b733);border-color:#ffffff4d;color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #fc4a1a80}.session-form-modal{background:linear-gradient(135deg,#1e1e2dfa,#141423fa);border-radius:24px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #00000080,0 8px 32px #0000004d,inset 0 1px #ffffff1a;max-width:500px;width:90%;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.session-form-header{padding:2rem;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff14,#ffffff0a);display:flex;align-items:center;justify-content:space-between;border-radius:24px 24px 0 0}.session-form-header h3{margin:0;color:#fff;font-size:1.5rem;font-weight:700;text-shadow:0 2px 15px rgba(0,0,0,.4)}.session-form-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#ffffffe6;font-weight:600;font-size:.95rem;margin-bottom:.5rem}.form-group input{width:100%;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1rem;outline:none;transition:all .3s ease;font-family:SF Mono,Monaco,Courier New,monospace}.form-group input:focus{background:#ffffff26;border-color:#4facfe80;box-shadow:0 0 0 3px #4facfe1a}.session-form-actions{display:flex;gap:1rem;margin-top:2rem}.session-form-actions button{flex:1;padding:.875rem 1.5rem;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-save{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;box-shadow:0 4px 15px #4facfe4d}.btn-save:hover{background:linear-gradient(135deg,#3d9ae6,#00d9e6);transform:translateY(-2px);box-shadow:0 6px 20px #4facfe80}.btn-cancel{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6}.btn-cancel:hover{background:#ffffff26;border-color:#ffffff4d}.editable-cell{cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;border:1px solid transparent}.editable-cell:hover{background:#4facfe26;border-color:#4facfe4d}.inline-edit-input,.inline-edit-select{padding:.5rem .75rem;background:#ffffff26;border:2px solid rgba(79,172,254,.5);border-radius:6px;color:#fff;font-size:1rem;font-weight:600;outline:none;transition:all .3s ease;min-width:150px}.inline-edit-input:focus,.inline-edit-select:focus{background:#fff3;border-color:#4facfecc;box-shadow:0 0 0 3px #4facfe33}.inline-edit-select{cursor:pointer}.inline-edit-select option{background:#1a1a2e;color:#fff;padding:.5rem}.number-input-group{display:flex;flex-direction:column;align-items:center;gap:2px;background:#2a2a3ecc;border:2px solid #4facfe;border-radius:8px;padding:4px 8px}.increment-btn,.decrement-btn{width:100%;padding:2px 8px;background:#4facfe33;border:1px solid rgba(79,172,254,.4);border-radius:4px;color:#4facfe;font-size:.7rem;cursor:pointer;transition:all .2s ease;line-height:1}.increment-btn:hover,.decrement-btn:hover{background:#4facfe66;border-color:#4facfe;color:#fff;transform:scale(1.1)}.increment-btn:active,.decrement-btn:active{transform:scale(.95)}.number-display{color:#fff;font-weight:700;font-size:.95rem;font-family:SF Mono,Monaco,Courier New,monospace;padding:2px 0;min-width:35px;text-align:center}.save-goal-btn{padding:4px 12px;background:linear-gradient(135deg,#38ef7d,#2dd368);border:1px solid rgba(255,255,255,.3);border-radius:6px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.save-goal-btn:hover{background:linear-gradient(135deg,#2dd368,#28c05f);transform:translateY(-1px);box-shadow:0 4px 12px #38ef7d66}.task-details-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.task-details-modal{position:relative;max-width:90vw;max-height:90vh}.btn-details{color:#4a90e2}.btn-details:hover{background:#4a90e233}@media(max-width:1024px){.project-list{padding:1.5rem}.projects-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.projects-table th,.projects-table td{padding:1rem}}@media(max-width:600px){.project-list{padding:1rem .5rem}.project-list>h2{font-size:1.5rem;margin-bottom:1.5rem}.projects-table-container{background:transparent!important;border:none;box-shadow:none}.projects-table thead{display:none}.projects-table,.projects-table tbody{display:block;width:100%}.projects-table tbody tr{display:block;margin-bottom:1rem;background:#000!important;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)!important}.projects-table tbody tr:hover{transform:none}.projects-table td{display:block;padding:.5rem 0;border:none;text-align:left!important}.projects-table td:before{content:attr(data-label);font-weight:600;color:#fff9;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.25rem}.domain-name-cell .domain-color-dot,.project-name-cell .project-color-dot{display:none}.domain-name-content,.project-name-content{gap:.5rem}.status-cell{min-width:auto}.status-badge{display:inline-flex;padding:.5rem 1rem;font-size:.8rem}.actions-cell{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem;justify-content:flex-end}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;width:100%}.action-btn{width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 auto}.action-button,.btn-details{flex:1;min-width:calc(50% - .25rem);font-size:.85rem;padding:.5rem}}@media(max-width:380px){.project-list>h2{font-size:1.25rem}.projects-table tbody tr{padding:.75rem}.projects-table td{padding:.4rem 0}.domain-name,.project-name,.time-cell{font-size:1rem}.action-button,.btn-details{min-width:100%;font-size:.8rem}}.projects-page{padding:0 2rem 3rem;max-width:1600px;margin:0 auto}.action-buttons-container{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.btn-action{background:linear-gradient(135deg,#00bcd4,#0097a7);color:#fff;border:none;padding:.875rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00bcd44d;letter-spacing:.3px}.btn-action:hover{background:linear-gradient(135deg,#00acc1,#00838f);transform:translateY(-2px);box-shadow:0 6px 20px #00bcd466}.btn-action:active{transform:translateY(0);box-shadow:0 2px 10px #00bcd44d}.page-header h1{color:#fff;font-size:2.5rem;margin:0 0 .5rem;text-shadow:0 4px 20px rgba(0,0,0,.4);font-weight:700;letter-spacing:-.5px}.page-header p{color:#fffc;font-size:1.1rem;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.projects-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start}.projects-list-section{position:sticky;top:2rem}.project-details-section{background:#ffffff0d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff1a;overflow:hidden;animation:slideInRight .4s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.project-details-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff14,#ffffff0a)}.project-details-title{display:flex;align-items:center;gap:1rem}.project-details-color{width:32px;height:32px;border-radius:50%;box-shadow:0 4px 15px #0006}.project-details-header h2{color:#fff;font-size:1.8rem;margin:0;font-weight:700;text-shadow:0 2px 15px rgba(0,0,0,.4)}.project-details-body{padding:2rem;display:flex;flex-direction:column;gap:2rem}.project-details-section::-webkit-scrollbar{width:10px}.project-details-section::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.project-details-section::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.project-details-section::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:1200px){.projects-layout{grid-template-columns:1fr}.projects-list-section{position:static}}@media(max-width:768px){.projects-page{padding:0 1rem 2rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.projects-layout{gap:1.5rem}.project-details-header{padding:1.5rem}.project-details-header h2{font-size:1.5rem}.project-details-color{width:24px;height:24px}.project-details-body{padding:1.5rem}}.weekly-chart{width:100%;min-height:300px;position:relative;overflow:visible}.chart-svg{width:100%;height:auto;display:block}.weekly-chart-empty{width:100%;height:200px;display:flex;align-items:center;justify-content:center;background:#ffffff05;border-radius:8px;border:1px dashed rgba(255,255,255,.1)}.weekly-chart-empty p{color:#fff6;font-size:.9rem}.grid-line{stroke:#ffffff0d;stroke-width:1}.axis-label{fill:#ffffffb3;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500}.week-label{fill:#fffc;font-size:11px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.goal-line{stroke:#00bcd4;stroke-width:2;stroke-dasharray:5,5;opacity:.8}.goal-label{fill:#00bcd4;font-size:11px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chart-bar{cursor:pointer;transition:opacity .2s ease}.chart-bar:hover,.chart-bar.hovered{opacity:.8}.tooltip{pointer-events:none}.tooltip-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media(max-width:768px){.weekly-chart{height:200px}.axis-label,.week-label,.goal-label{font-size:8px}}.goal-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;margin-bottom:1.5rem;transition:all .3s ease}.goal-card:hover{border-color:#fff3;box-shadow:0 4px 20px #0000004d}.goal-card-header{padding:1.5rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease;-webkit-user-select:none;user-select:none}.goal-card-header:hover{background:#ffffff05}.goal-card-title{display:flex;align-items:center;gap:1rem}.goal-color-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.goal-card-title h3{margin:0;color:#fff;font-size:1.25rem;font-weight:600}.goal-type-badge{padding:.25rem .75rem;background:#00bcd426;border:1px solid rgba(0,188,212,.3);border-radius:12px;color:#00bcd4;font-size:.75rem;font-weight:600;text-transform:uppercase}.goal-card-header-right{display:flex;align-items:center;gap:1.5rem}.current-progress{display:flex;flex-direction:column;align-items:flex-end}.progress-value{font-size:1.1rem;font-weight:700}.progress-percentage{font-size:.85rem;color:#fff9}.expand-btn{background:none;border:none;color:#fff9;font-size:1rem;cursor:pointer;padding:.5rem;transition:color .2s ease}.expand-btn:hover{color:#fff}.goal-card-content{padding:0 1.5rem 1.5rem;border-top:1px solid rgba(255,255,255,.05)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.stat-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem}.stat-label{font-size:.85rem;color:#fff9;margin-bottom:.5rem}.stat-value{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.25rem}.stat-detail{font-size:.8rem;color:#ffffff80}.best-week-banner{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border:1px solid rgba(255,193,7,.3);border-radius:12px;padding:1rem 1.5rem;margin:1.5rem 0;display:flex;align-items:center;gap:1rem;color:#ffc107}.trophy-icon{font-size:1.5rem}.best-week-banner strong{color:#ffd54f}.chart-container{margin:2rem 0;padding:1.5rem;background:#0003;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.weeks-list{margin-top:2rem}.weeks-list h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.weeks-table{background:#0003;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05)}.weeks-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:1rem;padding:.75rem 1rem;background:#ffffff0d;font-size:.85rem;font-weight:600;color:#ffffffb3;text-transform:uppercase}.weeks-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:1rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.05);font-size:.9rem;color:#ffffffe6;align-items:center}.weeks-table-row:hover{background:#ffffff08}.week-name{font-weight:500}.week-time{font-weight:600;color:#00bcd4}.week-goal{color:#fff9}.week-progress{display:flex;align-items:center;gap:.75rem}.progress-bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .3s ease;border-radius:4px}.progress-text{font-size:.85rem;font-weight:600;min-width:45px;text-align:right}@media(max-width:768px){.goal-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.goal-card-header-right{width:100%;justify-content:space-between}.stats-grid{grid-template-columns:1fr}.weeks-table-header,.weeks-table-row{grid-template-columns:1fr;gap:.5rem}.weeks-table-header>div:not(:first-child),.weeks-table-row>div:not(:first-child){padding-left:1rem;font-size:.85rem}}.dashboard-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0 0 .5rem;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:#fff9;font-size:1rem;margin:0}.dashboard-controls{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem}.control-group{display:flex;flex-direction:column;gap:.75rem}.control-group-inline{display:flex;flex-direction:row;gap:2rem;align-items:flex-start}.inline-control{display:flex;flex-direction:column;gap:.5rem;flex:1}.inline-control label,.control-group label{color:#ffffffb3;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.button-group{display:flex;gap:.75rem;flex-wrap:wrap}.btn-filter{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-filter:hover{background:#ffffff14;border-color:#fff3;color:#fff}.btn-filter.active{background:linear-gradient(135deg,#00bcd4,#0097a7);border-color:#00bcd4;color:#fff;box-shadow:0 4px 15px #00bcd44d}.btn-nav{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-nav:hover:not(:disabled){background:#ffffff14;border-color:#fff3;color:#fff}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.date-controls{display:flex;gap:.75rem}.date-picker{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:200px}.date-picker:hover{background:#ffffff14;border-color:#fff3}.date-picker:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 3px #00bcd41a}.number-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.weeks-input{padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;text-align:center;width:80px;transition:all .3s ease}.weeks-input:hover{background:#ffffff14;border-color:#fff3}.weeks-input:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 3px #00bcd41a}.preset-buttons{display:flex;gap:.5rem}.btn-preset{padding:.5rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff9;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:40px}.btn-preset:hover{background:#ffffff0f;border-color:#ffffff26;color:#fffc}.btn-preset.active{background:#00bcd433;border-color:#00bcd4;color:#00bcd4}.checkbox-group{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;cursor:pointer;transition:all .2s ease}.checkbox-label:hover{background:#ffffff0d;border-color:#ffffff1a}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#00bcd4}.checkbox-label span{color:#fffc;font-size:.9rem;font-weight:500}.global-card-section{margin-bottom:3rem}.global-card-section h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.goals-section{margin-top:2rem}.goals-section h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.goals-list{display:flex;flex-direction:column}.no-goals-message{text-align:center;padding:4rem 2rem;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:16px}.no-goals-message p{color:#fff9;font-size:1.1rem;margin:0}.no-goals-message .hint{margin-top:1rem;font-size:.9rem;color:#fff6}.filter-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.filter-modal{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:500px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.filter-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.filter-modal-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.close-modal-btn{background:none;border:none;color:#fff9;font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:8px}.close-modal-btn:hover{background:#ffffff1a;color:#fff}.filter-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.filter-modal-actions{display:flex;gap:.75rem;margin-bottom:1.5rem}.btn-select-all,.btn-deselect-all{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.btn-select-all:hover,.btn-deselect-all:hover{background:#ffffff14;border-color:#fff3;color:#fff}.btn-select-all{background:#00bcd41a;border-color:#00bcd44d;color:#00bcd4}.btn-select-all:hover{background:#00bcd433;border-color:#00bcd4}.filter-modal-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}.btn-close{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fffc;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-close:hover{background:#ffffff14;border-color:#fff3;color:#fff}@media(max-width:768px){.dashboard-page{padding:1rem}.page-header h1{font-size:1.75rem}.dashboard-controls{padding:1rem}.button-group{flex-direction:column}.btn-filter,.btn-nav{width:100%;text-align:center}.filter-modal{max-height:90vh}.filter-modal-actions{flex-direction:column}}#root{width:100%;min-height:100vh}.app{min-height:100vh;background:var(--bg-primary);padding-top:var(--space-2xl);padding-bottom:var(--space-3xl);padding-left:240px;position:relative;overflow-x:hidden;transition:padding-left var(--transition-slow) cubic-bezier(.4,0,.2,1)}body.nav-collapsed .app{padding-left:70px}@keyframes backgroundFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(1deg)}66%{transform:translate(-20px,20px) rotate(-1deg)}}@keyframes particlesFloat{0%{transform:translateY(0) translate(0)}to{transform:translateY(-400px) translate(-100px)}}.app-header{text-align:center;padding:2.5rem 2rem 1.5rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.app-content{position:relative;z-index:1;padding-top:1rem}.app-title{color:var(--text-primary);font-size:clamp(2.5rem,6vw,4rem);margin:0 0 var(--space-md) 0;font-weight:900;letter-spacing:-.02em;text-shadow:0 0 40px rgba(var(--primary-rgb),.4),0 0 80px rgba(var(--primary-rgb),.2),0 4px 20px rgba(0,0,0,.5);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary-400) 25%,var(--primary-500) 50%,var(--primary-400) 75%,var(--text-primary) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 4s ease-in-out infinite,titleFloat 6s ease-in-out infinite;position:relative;display:inline-block}.app-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,transparent,var(--primary-400) 20%,var(--primary-500) 50%,var(--primary-400) 80%,transparent);border-radius:var(--radius-full);box-shadow:0 0 20px rgba(var(--primary-rgb),.6),0 4px 12px rgba(var(--primary-rgb),.4);animation:titleLineGlow 3s ease-in-out infinite}@keyframes titleLineGlow{0%,to{opacity:.6;transform:translate(-50%) scaleX(.8)}50%{opacity:1;transform:translate(-50%) scaleX(1)}}@keyframes titleShimmer{0%,to{background-position:0% center}50%{background-position:200% center}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.active-stopwatch{margin-top:3rem;position:relative;z-index:1}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-primary);position:relative;z-index:1;animation:fadeIn var(--transition-slow) ease-out}.empty-state p{font-size:var(--text-lg);font-weight:300;opacity:.9;text-shadow:0 2px 10px rgba(0,0,0,.3);line-height:1.6;max-width:600px;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app{padding-top:var(--space-lg);padding-left:70px;padding-bottom:var(--space-2xl)}.app-header{padding:var(--space-lg) var(--space-md) var(--space-xl)}.empty-state{padding:var(--space-2xl) var(--space-md)}.app:before,.app:after{animation:none;opacity:.5}}@media(max-width:480px){.app{padding-left:0;padding-top:60px}body:not(.nav-collapsed) .app{padding-left:0}.app-header{padding:var(--space-md) var(--space-sm) var(--space-lg)}.app-title{font-size:clamp(1.5rem,8vw,2.5rem)}.app-title:after{width:80px;height:2px}@keyframes titleFloat{0%,to{transform:translateY(0)}}@keyframes particlesFloat{0%{transform:none}to{transform:none}}}@media(hover:none)and (pointer:coarse){.app:before,.app:after{position:fixed}.app-title:hover{transform:none}}