:root{--color-main: #4ECDC4;--color-sub: #45B7D1;--color-accent: #FF6B6B;--gray-900: #1a1a1a;--gray-800: #2a2a2a;--gray-700: #3a3a3a;--gray-600: #6b7280;--gray-500: #9ca3af;--gray-400: #d1d5db;--gray-300: #e5e7eb;--gray-200: #f3f4f6;--gray-100: #f9fafb;--gray-50: #f8fafc;--gray-25: #fcfcfd;--bg: #fafbfc;--white: #ffffff;--gradient-primary: linear-gradient(135deg, #4ECDC4 0%, #45B7D1 100%);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}:root.theme-dark{--bg: #0b1020;--white: #111827;--gray-100: #111827;--gray-200: #1f2937;--gray-300: #374151;--gray-400: #4b5563;--gray-500: #6b7280;--gray-600: #9ca3af;--gray-700: #d1d5db;--gray-800: #e5e7eb;--gray-900: #f3f4f6;--gray-50: #0f172a;--gray-25: #0c1222;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .55), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.6), 0 10px 10px -5px rgba(0,0,0,.5)}:root.theme-dango{--color-main: #e86786;--color-sub: #4fbe7a;--color-accent:#d7c39a;--bg: linear-gradient(180deg, #ffeaf1 0%, #eef9f0 100%);--white: #ffffff;--gray-900: #1a1a1a;--gray-800: #2a2a2a;--gray-700: #3a3a3a;--gray-600: #626a78;--gray-500: #8e97a3;--gray-400: #cfd6df;--gray-300: #e2e7ee;--gray-200: #edf1f6;--gray-100: #f6f9fb;--gray-50: #fbfdfd;--gray-25: #ffffff;--gradient-primary: linear-gradient(135deg, #e86786 0%, #4fbe7a 100%);--gradient-secondary: linear-gradient(135deg, #d7c39a 0%, #e86786 100%);--gradient-accent: linear-gradient(135deg, #4fbe7a 0%, #d7c39a 100%);--danger: #8C5A2B;--danger-strong: #6F4620;--danger-weak: rgba(140, 90, 43, .14);--success: #4fbe7a;--success-strong: #3fa868}.theme-dango .brand{color:var(--color-main)}.theme-dango .btn.primary{background:var(--color-main);border-color:var(--color-main)}.theme-dango .btn.primary:hover{filter:saturate(1.05) brightness(.98)}.theme-dango .btn.secondary{border-color:var(--gray-300)}.theme-dango .sidebar,.theme-dango .app-header{background:var(--white)}.theme-dango .btn.success{background:var(--success);border-color:var(--success);color:#fff}.theme-dango .btn.success:hover{background:var(--success-strong);border-color:var(--success-strong)}.theme-dango .btn.danger{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:var(--shadow-md)}.theme-dango .btn.danger:hover{background:var(--danger-strong);border-color:var(--danger-strong)}.theme-dango .modal-btn.danger{background:var(--danger);color:#fff;border:2px solid var(--danger)}.theme-dango .modal-btn.danger:hover{background:var(--danger-strong);border-color:var(--danger-strong)}.theme-dango .timer-btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.theme-dango .timer-btn.danger:hover{background:var(--danger-strong);border-color:var(--danger-strong)}.theme-dango .danger-card{border-color:var(--danger-weak)}.theme-dango .danger-card .card-header{background:linear-gradient(135deg,var(--danger-weak) 0%,var(--white) 100%);border-bottom-color:#e2556a40}.theme-dango .danger-title svg{color:var(--danger)}.theme-dango .danger-description{color:var(--danger-strong)}.theme-dango .btn.danger.outline,.theme-dango .modal-btn.danger.outline,.theme-dango .timer-btn.danger.outline{background:transparent;color:var(--danger-strong);border-color:var(--danger)}.theme-dango .btn.danger.outline:hover,.theme-dango .modal-btn.danger.outline:hover,.theme-dango .timer-btn.danger.outline:hover{background:var(--danger-weak)}:root.theme-mitarashi{--color-main: #8A4B17;--color-sub: #C8742E;--color-accent: #F5E6D6;--bg: linear-gradient(180deg, #FFF6EC 0%, #FBE6CC 100%);--white: #ffffff;--gray-900: #1a1a1a;--gray-800: #2a2a2a;--gray-700: #3a3a3a;--gray-600: #6b7280;--gray-500: #9ca3af;--gray-400: #d6d9df;--gray-300: #e6e9ef;--gray-200: #f1f4f8;--gray-100: #f8fafc;--gray-50: #fcfdfd;--gray-25: #ffffff;--gradient-primary: linear-gradient(135deg, #8A4B17 0%, #C8742E 100%);--gradient-secondary: linear-gradient(135deg, #F5E6D6 0%, #8A4B17 100%);--gradient-accent: linear-gradient(135deg, #C8742E 0%, #F5E6D6 100%);--danger: #7A4A20;--danger-strong: #5E3818;--danger-weak: rgba(122, 74, 32, .14);--success: #4fbe7a;--success-strong: #3fa868}.theme-mitarashi .brand{color:var(--color-main)}.theme-mitarashi .btn.primary{background:var(--color-main);border-color:var(--color-main);color:#fff}.theme-mitarashi .btn.primary:hover{background:#6f3e13;border-color:#6f3e13}.theme-mitarashi .sidebar{background:#6f3e13;border-right-color:#5b3412;color:#fff}.theme-mitarashi .app-header{background:var(--white)}.theme-mitarashi .btn.success{background:var(--success);border-color:var(--success);color:#fff}.theme-mitarashi .btn.success:hover{background:var(--success-strong);border-color:var(--success-strong)}.theme-mitarashi .btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.theme-mitarashi .btn.danger:hover{background:var(--danger-strong);border-color:var(--danger-strong)}.theme-mitarashi .modal-btn.danger{background:var(--danger);border:2px solid var(--danger);color:#fff}.theme-mitarashi .modal-btn.danger:hover{background:var(--danger-strong);border-color:var(--danger-strong)}.theme-mitarashi .timer-btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.theme-mitarashi .timer-btn.danger:hover{background:var(--danger-strong);border-color:var(--danger-strong)}.theme-mitarashi .danger-card{border-color:var(--danger-weak)}.theme-mitarashi .danger-card .card-header{background:linear-gradient(135deg,var(--danger-weak) 0%,var(--white) 100%);border-bottom-color:#7a4a2040}.theme-mitarashi .danger-title svg{color:var(--danger)}.theme-mitarashi .danger-description{color:var(--danger-strong)}.theme-mitarashi .modern-sidebar{background:#6f3e13}.theme-mitarashi .modern-nav .nav-item a{color:#fff}.theme-mitarashi .modern-nav .nav-item a:hover{background:#8a4b17;color:#fff}.theme-mitarashi .modern-nav .nav-item.active a{background:#fff;color:#6f3e13}.theme-mitarashi .modern-nav .nav-item a:hover svg,.theme-mitarashi .modern-nav .nav-item.active a svg{color:currentColor}.theme-mitarashi .modern-nav .nav-item.nav-logout a:hover{background:#8a4b17;color:#fff}.theme-mitarashi .modern-nav .nav-item.nav-logout button{color:#fff}.theme-mitarashi .modern-nav .nav-item.nav-logout button:hover{background:#8a4b17;color:#fff}.theme-dark .app-header{background:var(--white);border-bottom-color:var(--gray-300)}.theme-dark .sidebar{background:var(--white);border-right-color:var(--gray-300)}.theme-dark .btn.secondary{background:var(--white);border-color:var(--gray-300);color:var(--gray-900)}.theme-dark .toast{background:#111827;color:#fff}.theme-dark .day-col .row{border-bottom:1px dashed rgba(255,255,255,.06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;color:var(--gray-900);background:var(--bg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-header{position:sticky;top:0;z-index:10;display:none;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:var(--white);border-bottom:1px solid var(--gray-300);width:100%;min-height:64px}.brand{font-weight:700;color:var(--color-main)}.running-indicator{color:var(--gray-600)}.app-shell{display:grid;grid-template-columns:200px 1fr;min-height:100vh}.sidebar{background:var(--white);border-right:1px solid var(--gray-300);padding:12px 8px}.nav{list-style:none;padding:0;margin:0}.nav-item{margin:2px 0}.nav-item a{display:block;padding:10px 12px;color:var(--gray-900);text-decoration:none;border-radius:8px}.nav-item.active a,.nav-item a:hover{background:var(--gray-100)}.content{padding:16px;display:flex;flex-direction:column;gap:16px;height:calc(100vh - 64px);overflow:auto}.settings-content,.projects-content,.reports-content{overflow:auto}.terms-content{overflow:auto;height:auto;min-height:calc(100vh - 64px)}.reports-content .results-grid{margin-bottom:24px}.timer-card,.calendar-card{background:var(--white);border:1px solid var(--gray-300);border-radius:12px;padding:16px}.timer-card{flex-shrink:0}.timer-input-row{display:grid;grid-template-columns:3fr 200px 1fr;gap:12px}.timer-input-row{grid-template-columns:3fr auto auto;gap:6px}.projects-field,.tags-field{display:inline-flex;gap:4px;align-items:center;position:relative}.input.description{width:100%;padding:16px 20px;border-radius:10px;border:1px solid var(--gray-300);background:var(--gray-100)}.select,.manual-form input,.manual-form select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--gray-300);background:var(--white);height:48px;box-sizing:border-box}.select[multiple]{min-height:42px}.timer-controls{margin-top:12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.timer-display{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700}.timer-buttons{display:flex;gap:8px}.btn{padding:14px 24px;border-radius:12px;border:2px solid transparent;cursor:pointer;background:var(--gray-100);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn:link,.btn:visited,.btn:hover,.btn:active{text-decoration:none}.btn.sm{padding:10px 16px;font-size:.9rem}.btn.control{min-width:140px;height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center}.color-input{height:48px;padding:0 6px;border-radius:10px;border:1px solid var(--gray-300);box-sizing:border-box}.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none!important}.btn[disabled]:before{display:none}.btn.primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md);border-color:var(--color-main)}.btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn.primary:active{transform:translateY(0);box-shadow:var(--shadow-md)}.btn.secondary{background:var(--white);border-color:var(--gray-300);color:var(--gray-900);box-shadow:var(--shadow-sm)}.btn.secondary:hover{border-color:var(--gray-400);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn.danger{background:linear-gradient(135deg,var(--color-accent),#ff5252);color:#fff;box-shadow:var(--shadow-md)}.btn.danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn.ghost{background:transparent;border-color:var(--gray-300);color:var(--gray-900)}.btn.ghost:hover{background:var(--gray-100);border-color:var(--gray-400);transform:translateY(-1px)}.form-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--gray-200)}.projects-content .form-actions,.clients-content .form-actions,.tags-content .form-actions{margin-top:0}.auth-card .form-actions{display:flex;justify-content:center!important;align-items:center;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--gray-200)}.inline-help{margin-top:8px;color:var(--gray-600);font-size:12px}.manual-form{display:grid;gap:6px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.form-field{display:grid;gap:6px}.form-actions{display:flex;justify-content:flex-end;align-items:center}.form-error{color:var(--color-accent);min-height:18px}.date-field{position:relative}.date-field input[type=date]{padding-right:34px}.reports-content .date-field input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.date-picker-btn{position:absolute;right:8px;bottom:8px;width:28px;height:28px;border:1px solid var(--gray-300);border-radius:6px;background:var(--white);color:var(--gray-700);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.date-picker-btn:hover{background:var(--gray-50)}.date-picker-btn:focus{outline:none;box-shadow:0 0 0 3px #4ecdc426}.records-table-wrapper,.records-table,.project-dot,.record-actions{display:none}.color-swatch{width:24px;height:24px;border-radius:6px;border:1px solid var(--gray-300);display:inline-block}.summary-card{padding:12px;border:1px solid var(--gray-300);border-radius:10px;background:var(--white);margin-bottom:8px;font-weight:600}.chart-placeholder{height:220px;border:1px dashed var(--gray-300);border-radius:10px;display:grid;place-items:center;color:var(--gray-600)}.results-section{background:var(--white);border:1px solid var(--gray-300);border-radius:16px;padding:24px;box-shadow:var(--shadow-lg)}.results-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.results-title{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0}.results-title svg{color:var(--color-main);flex-shrink:0}.results-total{color:var(--gray-600);font-weight:600;font-variant-numeric:tabular-nums}@media (max-width: 640px){.results-total{width:100%;margin-top:4px}}.results-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px;min-height:400px;width:100%}.results-grid>.results-sidebar,.results-grid>.results-main{min-width:0}.results-sidebar .modern-chart-container,.results-main .table-container{width:100%}.results-sidebar{display:flex;flex-direction:column;gap:20px}.modern-summary-card{background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);border:2px solid var(--gray-200);border-radius:16px;padding:20px;box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.modern-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.summary-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.summary-icon{width:40px;height:40px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.summary-title{font-size:1rem;font-weight:600;color:var(--gray-700)}.summary-value{font-size:2rem;font-weight:700;color:var(--gray-900);font-variant-numeric:tabular-nums;margin-bottom:8px;line-height:1.2}.summary-subtitle{font-size:.85rem;color:var(--gray-600);font-weight:500}.modern-chart-container{background:var(--white);border:2px solid var(--gray-200);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);flex:1}.chart-header{background:var(--gray-50);padding:16px 20px;border-bottom:1px solid var(--gray-200)}.chart-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0}.result-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}.legend-collapsible{border-top:1px solid var(--gray-200);padding:12px 16px;max-height:60dvh;overflow:auto}.legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}.legend-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center}.legend-color{width:12px;height:12px;border-radius:4px}.legend-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-meta{color:var(--gray-600);font-variant-numeric:tabular-nums;white-space:nowrap}.modern-chart-placeholder{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--gray-500);background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%)}.chart-icon{width:64px;height:64px;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gray-400)}.chart-message{font-size:.9rem;font-weight:500;text-align:center;margin:0}.ai-loading{display:flex;align-items:center;gap:8px;color:var(--gray-600);margin-top:8px}.spinner{width:16px;height:16px;border:3px solid var(--gray-300);border-top-color:var(--color-main);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-main{display:flex;flex-direction:column}.table-container{background:var(--white);border:2px solid var(--gray-200);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);flex:1}.table-header{background:var(--gray-50);padding:16px 20px;border-bottom:1px solid var(--gray-200)}.table-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0}.table-wrapper{overflow-x:auto;min-height:300px}.modern-results-table{width:100%;border-collapse:collapse;font-size:.9rem}.modern-results-table thead tr{background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%)}.modern-results-table th{padding:16px 20px;text-align:left;font-weight:600;color:var(--gray-700);border-bottom:2px solid var(--gray-200);position:sticky;top:0;background:var(--gray-50)}.modern-results-table .col-time,.modern-results-table .col-percentage{text-align:right;width:120px}.modern-results-table tbody tr{transition:all .2s ease}.modern-results-table tbody tr:hover{background:var(--gray-50)}.modern-results-table tbody tr:not(.empty-state):nth-child(2n){background:var(--gray-25, #fafafa)}.modern-results-table tbody tr:not(.empty-state):nth-child(2n):hover{background:var(--gray-100)}.modern-results-table td{padding:16px 20px;border-bottom:1px solid var(--gray-200);vertical-align:middle}.empty-state td{padding:40px 20px;border:none}.empty-message{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--gray-500);text-align:center}.empty-message svg{color:var(--gray-400)}.empty-message p{font-size:.95rem;font-weight:500;margin:0}@media (max-width: 1024px){.results-grid{grid-template-columns:1fr;gap:20px}.results-sidebar{grid-row:2}.results-main{grid-row:1}}@media (max-width: 768px){.results-section{padding:20px 16px}.results-grid{gap:16px}.modern-summary-card{padding:16px}.summary-value{font-size:1.6rem}.modern-chart-placeholder{height:160px}.chart-icon{width:48px;height:48px}.modern-results-table th,.modern-results-table td{padding:12px 16px}.modern-results-table .col-time,.modern-results-table .col-percentage{width:100px}}@media (max-width: 640px){.results-title{font-size:1.3rem}.results-sidebar{flex-direction:column;gap:16px}.modern-summary-card{padding:16px}.summary-header{gap:10px;margin-bottom:12px}.summary-icon{width:36px;height:36px}.summary-value{font-size:1.4rem}.chart-header,.table-header{padding:12px 16px}.modern-chart-placeholder{height:140px;gap:8px}.chart-icon{width:40px;height:40px}.chart-message,.modern-results-table{font-size:.85rem}.modern-results-table th,.modern-results-table td{padding:10px 12px}.modern-results-table .col-time,.modern-results-table .col-percentage{width:80px}.empty-message{gap:12px}.empty-message svg{width:40px;height:40px}}@media (max-width: 768px){.projects-content #projectForm .form-row{grid-template-columns:1fr!important;gap:8px;align-items:stretch}.projects-content #projectForm .form-field{min-width:0}.projects-content #projectForm input,.projects-content #projectForm select{width:100%}.projects-content #projectForm select{height:44px}.projects-content .color-swatch-input{width:100%;padding:12px 14px}.projects-content #projectColorSwatch{margin-left:2px}.projects-content .color-palette.color-popover{top:calc(100% + 8px);max-width:min(260px,90vw)}}@media (max-width: 768px){.reports-content #reportFilters .form-row:first-of-type{grid-template-columns:1fr!important;gap:8px!important;align-items:stretch!important}.reports-content #reportFilters input,.reports-content #reportFilters select{width:100%;min-width:0;height:44px}.reports-content #reportFilters .date-field input[type=date]{padding-right:38px}.reports-content #reportFilters .date-picker-btn{right:6px;bottom:6px}.reports-content #reportFilters .form-actions{flex-wrap:wrap;gap:8px}}.settings-header{margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--gray-200)}.page-title{display:flex;align-items:center;gap:16px;font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 8px}.page-title svg{color:var(--color-main);flex-shrink:0}.page-subtitle{color:var(--gray-600);font-size:1.1rem;margin:0;line-height:1.5}.settings-grid{display:grid;gap:24px;grid-template-columns:1fr;max-width:800px}.settings-card{background:var(--white);border:2px solid var(--gray-200);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease}.settings-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%);padding:20px 24px;border-bottom:1px solid var(--gray-200)}.card-title{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:600;color:var(--gray-900);margin:0 0 8px}.card-title svg{color:var(--color-main);flex-shrink:0}.card-description{color:var(--gray-600);font-size:.95rem;margin:0;line-height:1.5}.card-content{padding:24px}.info-card .card-title svg{color:var(--color-sub)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-100)}.info-item:last-child{border-bottom:none}.info-label{font-weight:500;color:var(--gray-700)}.info-value{font-weight:600;color:var(--gray-900)}.email-card .card-title svg{color:#4285f4}.current-email{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:16px;background:var(--gray-50);border-radius:12px}.email-label{font-weight:500;color:var(--gray-600);font-size:.9rem}.email-value{font-weight:600;color:var(--gray-900);font-size:1.1rem}.password-card .card-title svg{color:#ff9800}.settings-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.field-label{font-weight:600;color:var(--gray-700);font-size:.9rem}.input-group{position:relative}.input-group input{width:100%;padding:14px 48px 14px 16px;border:2px solid var(--gray-200);border-radius:10px;font-size:1rem;background:var(--white);transition:all .3s ease}.input-group input:focus{border-color:var(--color-main);box-shadow:0 0 0 4px #4ecdc41a;transform:translateY(-1px)}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-500);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.password-toggle:hover{background:var(--gray-100);color:var(--gray-700)}.password-strength{display:flex;flex-direction:column;gap:8px;margin-top:8px}.strength-bar{height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.strength-fill{height:100%;width:0%;border-radius:3px;transition:all .3s ease}.strength-fill[data-strength="1"]{width:25%;background:linear-gradient(90deg,#ef4444,#f87171)}.strength-fill[data-strength="2"]{width:50%;background:linear-gradient(90deg,#f59e0b,#fbbf24)}.strength-fill[data-strength="3"]{width:75%;background:linear-gradient(90deg,#84cc16,#a3e635)}.strength-fill[data-strength="4"]{width:100%;background:linear-gradient(90deg,#22c55e,#4ade80)}.strength-text{font-size:.85rem;color:var(--gray-600);font-weight:500}.password-requirements{background:var(--gray-50);padding:16px;border-radius:12px;border:1px solid var(--gray-200)}.requirements-title{font-size:.9rem;font-weight:600;color:var(--gray-700);margin:0 0 12px}.requirements-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.requirement{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--gray-600)}.requirement:before{content:"○";color:var(--gray-400);font-weight:700}.requirement.valid:before{content:"✓";color:var(--color-main)}.danger-card{border-color:#ef44444d}.danger-card .card-header{background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,var(--white) 100%);border-bottom-color:#ef444433}.danger-title svg{color:var(--color-accent)}.danger-description{color:#dc2626;font-weight:500}.warning-notice{display:flex;gap:16px;padding:20px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:20px}.warning-icon{flex-shrink:0;color:var(--color-accent)}.warning-content{flex:1}.warning-title{font-size:1rem;font-weight:600;color:#dc2626;margin:0 0 8px}.warning-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.warning-list li{font-size:.9rem;color:#dc2626;padding-left:16px;position:relative}.warning-list li:before{content:"•";position:absolute;left:0;color:var(--color-accent);font-weight:700}.deletion-confirmation{margin-bottom:24px}.confirmation-label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:12px;font-size:.95rem}.confirmation-input{width:100%;padding:14px 16px;border:2px solid rgba(239,68,68,.3);border-radius:10px;font-size:1rem;background:var(--white);transition:all .3s ease}.confirmation-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px #ef44441a}.card-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--gray-200)}.card-actions .btn{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.settings-header{margin-bottom:24px;padding-bottom:16px}.page-title{font-size:1.6rem;gap:12px}.page-subtitle{font-size:1rem}.settings-grid{gap:20px}.card-header{padding:16px 20px}.card-content{padding:20px}.card-title{font-size:1.2rem;gap:10px}.info-item{flex-direction:column;align-items:flex-start;gap:4px;padding:16px 0}.current-email{padding:12px}.warning-notice{flex-direction:column;gap:12px;padding:16px}.card-actions{flex-direction:column;align-items:stretch}.card-actions .btn{justify-content:center}}@media (max-width: 480px){.page-title{font-size:1.4rem;flex-direction:column;align-items:flex-start;gap:8px}.card-header{padding:12px 16px}.card-content{padding:16px}.input-group input{padding:12px 44px 12px 12px}.password-requirements,.warning-notice{padding:12px}}.field-with-action{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.btn.xs{padding:6px 8px;font-size:12px}.btn.icon{width:28px;padding-left:0;padding-right:0;text-align:center}.drag-handle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:grab;border:1px dashed transparent;background:transparent;border-radius:4px}.drag-handle:hover{border-color:var(--gray-300);background:var(--gray-50)}.drag-handle:active{cursor:grabbing}.dragging{opacity:.6}.tags-field{position:relative;align-items:center}.tag-summary{color:var(--gray-600);margin-left:8px;display:none}.popover{position:absolute;top:100%;left:0;margin-top:6px;background:var(--white);border:1px solid var(--gray-300);border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:10px;width:280px;z-index:20}.popover.align-right{left:auto;right:0}.popover.above{top:auto;bottom:100%;margin-top:0;margin-bottom:6px}.popover{max-height:70vh;overflow:auto}.popover-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:8px}.btn.icon.active{background:var(--color-main);color:#fff;border-color:var(--color-main)}.toast{position:fixed;bottom:20px;right:20px;background:var(--gray-900);color:#fff;padding:10px 14px;border-radius:10px;opacity:0;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}@media (max-width: 640px){.public-page.auth-no-header .app-header{display:none}}.floating-login{position:fixed;top:calc(env(safe-area-inset-top,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 16px);z-index:100}@media (max-width: 640px){.floating-login{display:none}}.calendar{border:1px solid var(--gray-300);border-radius:12px;background:var(--white);display:grid;grid-template-rows:auto 1fr}.calendar-header{display:grid;grid-template-columns:80px repeat(7,1fr);align-items:end;gap:0;border-bottom:1px solid var(--gray-300);position:sticky;top:0;z-index:3;background:var(--white)}.calendar-header .corner{height:100%;border-right:1px solid var(--gray-300)}.day-header{padding:8px;border-right:1px solid var(--gray-300)}.day-header:last-child{border-right:none}.day-header .weekday{color:var(--gray-600);font-size:12px}.day-header .date{font-weight:700}.day-header .total{color:var(--gray-600);font-size:12px}.calendar-body{display:grid;grid-template-columns:80px repeat(7,1fr)}.hours{border-right:1px solid var(--gray-300)}.hours .hour{height:48px;padding:4px 8px;color:var(--gray-600);font-size:12px}.day-col{position:relative;border-right:1px solid var(--gray-300)}.day-col:last-child{border-right:none}.day-col .row{height:12px;border-bottom:1px dashed #eef2f3}.day-col .event{position:absolute;left:6px;border-radius:8px;padding:6px 8px;color:#fff;font-size:12px;box-shadow:0 1px 2px #00000014;cursor:pointer}.day-col .event .title{font-weight:600;display:block;font-size:13px;line-height:1.25}.day-col .event .meta{opacity:.9;font-size:12px;line-height:1.2}.day-col .event.running{border-style:dashed;animation:runningPulse 1.2s ease-in-out infinite}.day-col .now-line{position:absolute;left:4px;right:4px;height:2px;background:#ef4444;z-index:6}@keyframes runningPulse{0%{opacity:.92}50%{opacity:1}to{opacity:.92}}.calendar-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:8px}.calendar-toolbar .toolbar-left{display:flex;gap:6px}.calendar-toolbar .range{color:var(--gray-600)}.view-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--gray-300);border-radius:999px;background:var(--gray-100);margin-right:12px}.view-switch-btn{border:none;background:none;color:var(--gray-600);font-size:.85rem;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.view-switch-btn:hover,.view-switch-btn:focus-visible{color:var(--color-main);background:var(--white);outline:none;box-shadow:0 0 0 2px #4ecdc426}.view-switch-btn.active{background:var(--white);color:var(--color-main);box-shadow:var(--shadow-sm)}#calendarContainer{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}#calendarContainer>.calendar,#calendarContainer>.timer-list{flex:1;min-height:0}#calendarContainer>.calendar{overflow-y:auto}#calendarContainer>.timer-list{overflow-y:auto;padding-right:4px}.timer-list{margin-top:16px;display:flex;flex-direction:column;gap:12px}.timer-list-day{background:var(--white);border:1px solid var(--gray-300);border-radius:12px;box-shadow:var(--shadow-sm);overflow:visible}.timer-list-day-header{display:flex;align-items:baseline;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--gray-200);font-weight:600;color:var(--gray-700)}.timer-list-day-header .total{font-size:.85rem;color:var(--gray-500)}.timer-list-day-body{display:flex;flex-direction:column}.timer-list-record{display:grid;grid-template-columns:160px 120px 1fr auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--gray-200);background:transparent}.timer-list-record:last-child{border-bottom:none}.timer-list-record.running{background:#4ecdc41f;background:color-mix(in srgb,var(--color-main) 18%,transparent)}.timer-list-record .record-time{font-weight:600;color:var(--gray-700);font-variant-numeric:tabular-nums}.timer-list-record .record-duration{color:var(--gray-600);font-variant-numeric:tabular-nums}.timer-list-record .record-desc{color:var(--gray-800);overflow-wrap:anywhere}.timer-list-record .record-meta{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.timer-list-empty{padding:18px 16px;color:var(--gray-500);font-size:.9rem}.project-chip{--chip-color: var(--color-main);display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--gray-100);border:1px solid var(--gray-200);color:var(--chip-color);font-size:.85rem;font-weight:600}.project-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--chip-color)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.status-badge.running{background:var(--color-main);color:#fff}@media (max-width: 768px){.view-switch{margin-right:8px}.timer-list-day-header{flex-direction:column;align-items:flex-start;gap:4px}.timer-list-record{grid-template-columns:1fr;gap:8px;align-items:flex-start}.timer-list-record .record-meta{justify-content:flex-start}}.modal[hidden]{display:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:grid;place-items:center;z-index:1000}.modal-content{background:var(--white);border:1px solid var(--gray-300);border-radius:12px;padding:16px;width:min(720px,92vw);max-height:90vh;overflow:auto}.modal-form{display:grid;gap:12px}.modal.window{top:auto;right:auto;bottom:auto;left:auto;background:transparent;display:block}.modal.window .modal-content{position:fixed;width:560px;max-height:none;overflow:visible;box-shadow:0 8px 24px #0000001f}.modal-form .form-actions{display:flex;gap:8px;justify-content:flex-end}.toast.show{opacity:1;transform:translateY(0)}.modal-content h3{margin:0 0 8px}.checkbox-group{display:flex;flex-wrap:wrap;gap:8px}.checkbox{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--gray-300);border-radius:8px;background:var(--white)}.checkbox input{accent-color:var(--color-main)}.checkbox-list{display:grid;grid-template-columns:1fr;gap:4px;max-height:160px;overflow:auto;padding:6px;border:1px solid var(--gray-300);border-radius:10px;background:var(--white)}.checkbox-list .checkbox{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;padding:6px;border:none;border-bottom:1px solid var(--gray-100);border-radius:0}.checkbox-list .checkbox:last-child{border-bottom:none}.projects-field{position:relative;align-items:center}.project-summary{color:var(--gray-600);margin-left:8px;display:none}.radio-list{display:grid;grid-template-columns:1fr;gap:4px;max-height:160px;overflow:auto;padding:6px;border:1px solid var(--gray-300);border-radius:10px;background:var(--white)}.radio{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:8px;padding:6px;border-bottom:1px solid var(--gray-100)}.radio:last-child{border-bottom:none}.input.description{padding-right:140px}.project-overlay{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--gray-600);pointer-events:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-form .row-details{grid-template-columns:1fr auto auto;align-items:end}.calendar-pop{position:relative;display:inline-block}.mini-cal-header{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;margin-bottom:6px}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mini-calendar .day{text-align:center;padding:6px 0;border-radius:6px;cursor:pointer}.mini-calendar .day:hover{background:var(--gray-100)}.mini-calendar .dow{color:var(--gray-600);font-size:12px}.mini-calendar .other{color:var(--gray-600);opacity:.6}.mini-calendar .selected{background:var(--color-main);color:#fff}@media (max-width: 1024px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.timer-input-row,.form-row{grid-template-columns:1fr}}.landing{display:grid;gap:0;min-height:calc(100vh - 52px)}.landing-hero{background:linear-gradient(135deg,#667eea,#764ba2);position:relative;padding:80px 24px;text-align:center;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:600px}.landing-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><circle cx="500" cy="200" r="300" fill="rgba(255,255,255,0.03)"/><circle cx="200" cy="600" r="200" fill="rgba(255,255,255,0.02)"/><circle cx="800" cy="700" r="250" fill="rgba(255,255,255,0.04)"/></svg>') no-repeat center/cover;z-index:1}.hero-content,.hero-visual{position:relative;z-index:2}.hero-content{text-align:left}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:14px;font-weight:500;margin-bottom:24px}.landing-hero h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin:0 0 24px;color:#fff}.gradient-text{background:linear-gradient(135deg,#4ecdc4,#45b7d1,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite alternate}@keyframes gradientShift{0%{filter:hue-rotate(0deg) brightness(1)}to{filter:hue-rotate(10deg) brightness(1.1)}}.landing-hero .lead{color:#ffffffe6;margin:0 0 32px;font-size:1.2rem;line-height:1.6;max-width:500px}.landing-hero .cta{display:flex;gap:16px;margin-bottom:48px}.hero-btn{position:relative;overflow:hidden;transition:all .3s ease}.hero-btn.primary{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff}.hero-btn.primary:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:var(--shadow-xl)}.hero-btn.ghost{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff}.hero-btn.ghost:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.hero-btn svg{margin-left:8px;transition:transform .3s ease}.hero-btn.primary:hover svg{transform:translate(4px)}.hero-stats{display:flex;gap:40px;justify-content:flex-start}.stat{display:flex;flex-direction:column;align-items:flex-start}.stat-number{font-size:2rem;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:.9rem;color:#ffffffb3;margin-top:4px}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.floating-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;box-shadow:var(--shadow-xl);position:absolute;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(-5px) rotate(-1deg)}}.timer-preview{top:-20px;left:-40px;animation-delay:0s}.calendar-preview{bottom:-40px;right:-20px;animation-delay:-3s}.preview-header{display:flex;gap:6px;margin-bottom:16px}.preview-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.preview-dot.active{background:#4ecdc4}.timer-display-preview{font-size:2rem;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;margin-bottom:8px}.task-preview{color:#fffc;font-size:.9rem}.mini-calendar-preview{text-align:center}.calendar-day{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:8px}.calendar-time{color:#4ecdc4;font-weight:700;font-size:1.2rem}.section-title{text-align:center;font-size:2.5rem;font-weight:700;color:var(--gray-900);margin:0 0 60px}.landing-features{padding:100px 24px;background:var(--bg)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}.feature-card{background:var(--white);border:1px solid var(--gray-200);border-radius:20px;padding:40px 32px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(78,205,196,.1),transparent);transition:left .5s ease}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-main)}.feature-icon{width:64px;height:64px;margin:0 auto 24px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1);box-shadow:var(--shadow-lg)}.feature-card h3{margin:0 0 16px;color:var(--gray-900);font-size:1.5rem;font-weight:600}.feature-card p{color:var(--gray-600);line-height:1.7;margin:0}.landing-benefits{padding:100px 24px;background:var(--gray-900);color:#fff}.benefits-content{max-width:1200px;margin:0 auto}.benefits-content h2{text-align:center;font-size:2.5rem;font-weight:700;margin:0 0 60px;color:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}.benefit-item{display:flex;align-items:flex-start;gap:24px}.benefit-number{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;flex-shrink:0}.benefit-item h3{margin:0 0 12px;font-size:1.3rem;font-weight:600;color:#fff}.benefit-item p{margin:0;color:#fffc;line-height:1.6}.landing-how-it-works{padding:100px 24px;background:var(--white)}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;max-width:1000px;margin:0 auto}.step-item{text-align:center;position:relative}.step-visual{position:relative;margin-bottom:32px;display:flex;align-items:center;justify-content:center;height:120px}.step-number{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;position:relative;z-index:2}.step-icon{position:absolute;top:-10px;right:-10px;width:40px;height:40px;background:var(--white);border:2px solid var(--color-main);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-main);z-index:3}.step-item h3{font-size:1.4rem;font-weight:600;color:var(--gray-900);margin:0 0 12px}.step-item p{color:var(--gray-600);line-height:1.6;margin:0}.step-item:after{content:"";position:absolute;top:60px;left:100%;width:48px;height:2px;background:linear-gradient(90deg,var(--color-main),var(--color-sub));z-index:1}.step-item:last-child:after{display:none}.landing-secondary{padding:40px 24px;background:var(--gray-100);text-align:center}.landing-secondary .note{color:var(--gray-600);background:var(--white);padding:20px 24px;border-radius:12px;border-left:4px solid var(--color-main);display:inline-block;box-shadow:var(--shadow-sm)}@media (max-width: 1024px){.landing-hero{grid-template-columns:1fr;gap:40px;padding:60px 24px;text-align:center;min-height:auto}.hero-content{text-align:center}.landing-hero .lead{max-width:none}.hero-stats{justify-content:center;gap:32px}.stat{align-items:center}.floating-card{position:relative;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:12px}.hero-visual{display:flex;gap:20px;justify-content:center}.features-grid{grid-template-columns:1fr}.landing-features,.landing-benefits,.landing-how-it-works{padding:60px 24px}.benefits-grid{grid-template-columns:1fr;gap:32px}.steps-container{grid-template-columns:1fr;gap:48px}.step-item:after{display:none}.section-title{font-size:2rem;margin:0 0 40px}.landing-hero .cta{flex-direction:column;align-items:center;gap:12px}.hero-btn{width:100%;max-width:300px}}@media (max-width: 640px){.hero-stats{flex-direction:column;gap:24px;align-items:center}.landing-hero,.landing-features,.landing-benefits,.landing-how-it-works{padding:40px 16px}.floating-card{padding:16px;margin:8px}.timer-display-preview{font-size:1.5rem}.section-title,.benefits-content h2{font-size:1.8rem}.benefit-item{flex-direction:column;text-align:center;gap:16px}.feature-card,.benefit-item{padding:24px 20px}}.auth-container{padding:16px;display:grid;place-items:center;min-height:calc(100vh - 52px);background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.auth-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.auth-decoration{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 8s ease-in-out infinite}.auth-decoration-1{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.auth-decoration-2{width:150px;height:150px;top:60%;right:15%;animation-delay:-2s}.auth-decoration-3{width:100px;height:100px;bottom:20%;left:20%;animation-delay:-4s}.auth-card{padding:40px;box-shadow:var(--shadow-xl);width:min(520px,92vw);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;position:relative;z-index:2}.auth-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 24px;box-shadow:var(--shadow-lg)}.auth-icon.success{background:linear-gradient(135deg,#10b981,#059669);animation:success-pulse .8s ease-out}@keyframes success-pulse{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.auth-hero{text-align:center;margin-bottom:32px}.auth-hero h1{margin:0 0 12px;font-size:2.2rem;font-weight:700;color:var(--gray-900)}.auth-hero .subtitle{color:var(--gray-600);font-size:1.1rem;line-height:1.5;max-width:400px;margin:0 auto}.stepper{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:32px;position:relative}.step{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--gray-600);position:relative;transition:all .3s ease}.step .num{width:48px;height:48px;border-radius:50%;background:var(--gray-200);border:2px solid var(--gray-300);display:grid;place-items:center;font-size:1.2rem;font-weight:600;transition:all .3s ease;position:relative;z-index:2}.step .label{font-size:.9rem;font-weight:500;text-align:center;min-width:80px}.step.active{color:var(--gray-900);font-weight:600}.step.active .num{background:var(--gradient-primary);color:#fff;border-color:var(--color-main);box-shadow:var(--shadow-lg);transform:scale(1.1)}.step.active .label{color:var(--gray-900);font-weight:600}.step.completed{color:var(--color-main)}.step.completed .num{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981;box-shadow:var(--shadow-md)}.step.completed .label{color:var(--color-main);font-weight:600}.stepper:after{content:"";position:absolute;top:24px;left:50%;transform:translate(-50%);width:120px;height:2px;background:var(--gray-300);z-index:1}.stepper-track{position:absolute;top:23px;left:50%;transform:translate(-50%);width:120px;height:4px;background:var(--gray-200);border-radius:2px;z-index:1}.stepper-bar{height:100%;background:var(--gradient-primary);border-radius:2px;width:0%;transition:width .5s ease;box-shadow:0 0 10px #4ecdc44d}.manual-form{margin-bottom:24px}.form-field{margin-bottom:20px}.form-field label{display:block;margin-bottom:8px;font-weight:600;color:var(--gray-900);font-size:.95rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-group{position:relative;display:flex;align-items:center}.input-group .icon{position:absolute;left:16px;color:var(--gray-500);z-index:2;transition:color .3s ease}.input-group input{width:100%;padding:16px 20px;border:2px solid var(--gray-200);border-radius:12px;font-size:1rem;background:var(--white);transition:all .3s ease;outline:none;box-shadow:var(--shadow-sm)}.input-group.icon-left input{padding-left:48px}.input-group.icon-right input{padding-right:48px}.input-group input:focus{border-color:var(--color-main);box-shadow:0 0 0 4px #4ecdc41a,var(--shadow-md);transform:translateY(-2px)}.input-group input:focus+.icon,.input-group:focus-within .icon{color:var(--color-main)}.input-group input::-moz-placeholder{color:var(--gray-400)}.input-group input::placeholder{color:var(--gray-400)}.input-group.icon-right .icon-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:2}.icon-btn{background:transparent;border:1px solid var(--gray-300);color:var(--gray-600);border-radius:8px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;transition:all .3s ease}.icon-btn:hover{background:var(--gray-100);border-color:var(--gray-400);transform:scale(1.05)}.input-group.icon-right .icon-btn:hover{transform:translateY(-50%) scale(1.05)}input[type=text],input[type=email],input[type=password],select{width:100%;padding:16px 20px;border:2px solid var(--gray-200);border-radius:12px;font-size:1rem;background:var(--white);transition:all .3s ease;outline:none;box-shadow:var(--shadow-sm);color:var(--gray-900);-webkit-text-fill-color:currentColor;caret-color:currentColor}#inputDescription{color:var(--gray-900)!important;-webkit-text-fill-color:currentColor!important;caret-color:currentColor!important}#inputDescription:focus{color:var(--gray-900)!important;-webkit-text-fill-color:currentColor!important}#inputDescription::-moz-placeholder{color:var(--gray-500)!important;opacity:1}#inputDescription::placeholder{color:var(--gray-500)!important;opacity:1}input:-webkit-autofill{-webkit-text-fill-color:var(--gray-900)!important}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,select:focus{border-color:var(--color-main);box-shadow:0 0 0 4px #4ecdc41a,var(--shadow-md);transform:translateY(-2px)}.form-error{color:var(--color-accent);font-size:.9rem;margin-top:8px;min-height:20px;display:flex;align-items:center;gap:6px}.inline-help{margin-top:6px;color:var(--gray-500);font-size:.85rem;line-height:1.4}.pw-strength{height:8px;background:var(--gray-200);border-radius:6px;margin-top:8px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.pw-strength .bar{display:block;height:100%;width:0%;background:var(--gray-400);transition:width .3s ease,background .3s ease;border-radius:6px}.pw-strength .bar[data-level="1"]{background:linear-gradient(90deg,#ef4444,#f87171)}.pw-strength .bar[data-level="2"]{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pw-strength .bar[data-level="3"]{background:linear-gradient(90deg,#84cc16,#a3e635)}.pw-strength .bar[data-level="4"],.pw-strength .bar[data-level="5"]{background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 8px #22c55e4d}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:32px 0 24px;color:var(--gray-500)}.auth-divider .line{height:1px;background:linear-gradient(90deg,transparent,var(--gray-300),transparent)}.auth-divider .text{font-size:.9rem;font-weight:500;padding:0 8px;background:var(--white)}.auth-alt{text-align:center}.auth-alt .note{color:var(--gray-600);margin:0;font-size:.95rem}.link{color:var(--color-main);text-decoration:none;font-weight:600;transition:color .3s ease}.link:hover{color:var(--color-sub);text-decoration:underline}.completion-info{margin:32px 0}.info-card{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease}.info-card:hover{box-shadow:var(--shadow-md)}.info-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--gray-700)}.info-header svg{color:var(--color-main)}.info-title{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-content{color:var(--gray-900);font-size:1rem;line-height:1.5}.next-steps{list-style:none;padding:0;margin:0}.next-steps li{border-bottom:1px solid var(--gray-100);position:relative;padding:8px 0 8px 24px}.next-steps li:last-child{border-bottom:none}.next-steps li:before{content:"✓";position:absolute;left:0;top:8px;color:var(--color-main);font-weight:700}.quick-links{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.link.secondary{display:flex;align-items:center;gap:8px;color:var(--gray-600);font-weight:500;font-size:.9rem;padding:8px 16px;border-radius:8px;transition:all .3s ease}.link.secondary:hover{color:var(--color-main);background:var(--gray-100);text-decoration:none}@media (max-width: 768px){.auth-container{padding:12px}.auth-card{padding:32px 24px;width:100%;max-width:none;margin:0;border-radius:20px}.auth-hero h1{font-size:1.8rem}.auth-hero .subtitle{font-size:1rem}.stepper{gap:24px;margin-bottom:28px}.step .num{width:40px;height:40px;font-size:1rem}.step .label{font-size:.8rem;min-width:60px}.stepper:after,.stepper-track{width:80px}.form-row{grid-template-columns:1fr;gap:16px}.input-group input,input[type=text],input[type=email],input[type=password]{padding:14px 16px;font-size:16px}.input-group.icon-left input{padding-left:44px}.input-group.icon-right input{padding-right:44px}.btn.control{width:100%;height:44px}.form-actions,.auth-card .form-actions{flex-direction:column;align-items:center;justify-content:center!important;gap:12px}.auth-decoration-1,.auth-decoration-2,.auth-decoration-3{display:none}}.auth-card .manual-form .form-row{grid-template-columns:1fr}.auth-card .manual-form .checkbox{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:transparent;white-space:nowrap}.auth-card .manual-form .checkbox input[type=checkbox]{width:16px;height:16px;transform:scale(.9);transform-origin:center}@media (max-width: 480px){.auth-container{padding:8px}.auth-card{padding:24px 20px;border-radius:16px}.auth-icon{width:56px;height:56px;margin-bottom:20px}.auth-hero h1{font-size:1.6rem;margin-bottom:8px}.auth-hero .subtitle{font-size:.95rem}.stepper{gap:16px}.step .num{width:36px;height:36px;font-size:.9rem}.step .label{font-size:.75rem;min-width:50px}.stepper:after,.stepper-track{width:60px}.form-field{margin-bottom:16px}.form-actions,.auth-card .form-actions{margin-top:24px;padding-top:20px;justify-content:center!important;align-items:center}}.form-step{opacity:1;transform:translate(0);transition:all .3s ease}.form-step[hidden]{opacity:0;transform:translate(20px);pointer-events:none}.modern-timer{background:linear-gradient(135deg,var(--white) 0%,var(--gray-100) 100%);border:none;box-shadow:var(--shadow-lg);border-radius:24px;padding:16px 32px;position:relative;overflow:visible}.modern-timer:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.modern-timer.running:before{opacity:1;animation:timerPulse 2s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.timer-main{display:flex;flex-direction:column;gap:20px}.timer-input-section{order:1}.timer-controls-section{order:2}.timer-input-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.modern-input{background:var(--white);border:2px solid var(--gray-200);border-radius:12px;padding:16px 20px;font-size:1rem;box-shadow:var(--shadow-sm);transition:all .3s ease}.modern-input:focus{border-color:var(--color-main);box-shadow:0 0 0 4px #4ecdc41a,var(--shadow-md);transform:translateY(-2px)}.meta-field{position:relative}.meta-btn.compact{display:flex;align-items:center;padding:8px;background:var(--white);border:2px solid var(--gray-200);border-radius:8px;color:var(--gray-600);transition:all .3s ease;box-shadow:var(--shadow-sm)}.meta-btn.compact:hover{border-color:var(--color-main);color:var(--color-main);transform:translateY(-1px);box-shadow:var(--shadow-md)}.meta-btn svg{transition:transform .3s ease}.meta-btn:hover svg{transform:scale(1.1)}.meta-btn.has-tags{border-color:var(--color-main);color:var(--color-main);box-shadow:var(--shadow-sm)}.meta-btn.has-tags:hover{border-color:var(--color-main);color:var(--color-main)}.meta-btn.has-project{border-color:var(--project-color, var(--color-main));color:var(--project-color, var(--color-main));box-shadow:var(--shadow-sm)}.meta-btn.has-project:hover{border-color:var(--project-color, var(--color-main));color:var(--project-color, var(--color-main))}.modern-controls{display:flex;justify-content:center;margin-bottom:16px}.primary-controls{display:flex;gap:12px}.timer-status-section{display:flex;justify-content:center}.timer-status-indicator.compact{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--gray-100);border-radius:12px;transition:all .3s ease}.modern-timer.running .timer-status-indicator.compact{background:#4ecdc41a;border:1px solid rgba(78,205,196,.2)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--gray-400);transition:all .3s ease}.modern-timer.running .status-dot{background:var(--color-main);box-shadow:0 0 8px #4ecdc499;animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.status-text{font-size:.85rem;color:var(--gray-600);font-weight:500}.modern-timer.running .status-text{color:var(--color-main);font-weight:600}.timer-display.compact{font-size:1.2rem;font-weight:700;color:var(--gray-700);font-variant-numeric:tabular-nums;margin-left:auto;transition:color .3s ease}.modern-timer.running .timer-display.compact{color:var(--color-main)}.timer-btn{display:flex;align-items:center;gap:12px;padding:16px 32px;border-radius:16px;font-weight:600;font-size:1.1rem;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.timer-btn.primary{background:var(--gradient-primary);color:#fff;min-width:140px}.timer-btn.primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.timer-btn.danger{background:linear-gradient(135deg,var(--color-accent),#ff5252);color:#fff;min-width:140px}.timer-btn.danger:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.timer-btn.ghost{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-200);padding:12px 24px;font-size:.95rem}.timer-btn.ghost:hover{border-color:var(--gray-300);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modern-sidebar{background:linear-gradient(180deg,var(--white) 0%,var(--gray-100) 100%);box-shadow:var(--shadow-md)}.modern-nav .nav-item a{display:flex;align-items:center;gap:12px;padding:14px 16px;color:var(--gray-700);text-decoration:none;border-radius:12px;margin:2px 0;transition:all .3s ease;font-weight:500}.modern-nav .nav-item a:hover{background:var(--gray-100);color:var(--color-main);transform:translate(4px)}.modern-nav .nav-item.active a{background:linear-gradient(135deg,var(--color-main),var(--color-sub));color:#fff;box-shadow:var(--shadow-md)}.modern-nav .nav-item a svg{transition:transform .3s ease}.modern-nav .nav-item.nav-logout{margin-top:auto;border-top:1px solid var(--gray-200);padding-top:16px;margin-bottom:0}.modern-nav .nav-item.nav-logout a{color:var(--gray-600)}.modern-nav .nav-item.nav-logout a:hover{color:var(--color-accent);background:#ff6b6b1a}.modern-nav .nav-item.nav-logout form{margin:0}.modern-nav .nav-item.nav-logout button{width:100%;background:transparent;border:none;color:var(--gray-700);text-align:left;padding:10px 12px;border-radius:8px;margin:2px 0;transition:all .2s ease;font-weight:500;display:flex;align-items:center;gap:10px}.modern-nav .nav-item.nav-logout button:hover{background:var(--gray-100);color:var(--gray-900)}.modern-nav .nav-item a:hover svg,.modern-nav .nav-item.active a svg{transform:scale(1.1)}.popover{position:absolute;background:var(--white);border:1px solid var(--gray-300);border-radius:12px;box-shadow:var(--shadow-lg);padding:0;z-index:40;min-width:240px;max-width:280px;overflow:hidden}.popover[hidden]{display:none}.modal-popover{z-index:1100}.edit-popover{min-width:480px;max-width:480px;width:480px;max-height:600px;z-index:50;position:fixed}.edit-popover .popover-content{padding:0;max-height:600px;overflow-y:auto}.edit-popover .popover-header{display:flex;justify-content:flex-start;align-items:center;padding:4px 8px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.edit-popover .popover-header .header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.edit-popover .popover-header .header-actions #btnModalClose{margin-left:20px}.edit-popover .popover-header .header-actions #btnModalDelete{margin-left:4px}.edit-popover .popover-header #modalTitle{margin-right:8px}.edit-popover .popover-header #btnModalStart{margin-left:0}.edit-popover .popover-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--gray-900)}.edit-popover .popover-close-btn{padding:4px;border:none;background:none;color:var(--gray-500);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.edit-popover .popover-close-btn:hover{background:var(--gray-200);color:var(--gray-700)}.popover .popover-close-btn,.modal-popover .popover-close-btn{padding:4px;border:none;background:none;color:var(--gray-500);cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.popover .popover-close-btn:hover,.modal-popover .popover-close-btn:hover{background:var(--gray-200);color:var(--gray-700)}.edit-popover .popover-form{padding:6px;display:grid;gap:0}.edit-popover .popover-form .form-section:not(:last-of-type){margin-bottom:4px}.edit-popover .form-section,.edit-popover .form-row{display:grid;gap:2px}.edit-popover .form-field{display:flex;flex-direction:column;gap:1px}.edit-popover .popover-actions{padding:2px 10px 6px;border-top:none}.edit-popover .modern-popover-input{padding:8px 10px;border:1px solid var(--gray-200)}.edit-popover .section-title{padding-bottom:2px}.edit-popover .form-field.desc-field,.edit-popover .form-field.projects-field,.edit-popover .form-field.tags-field{margin-bottom:0}.edit-popover .section-title{margin:0;font-size:.95rem;font-weight:600;color:var(--gray-700);padding-bottom:4px;border-bottom:1px solid var(--gray-200)}.edit-popover .form-field label{display:flex;align-items:center;gap:6px;font-weight:500;font-size:.9rem;color:var(--gray-700)}.edit-popover .form-field label svg{width:14px;height:14px;color:var(--gray-500)}.edit-popover .modern-popover-input{padding:6px 10px;border:1px solid var(--gray-300);border-radius:6px;font-size:.9rem;font-family:inherit;transition:border-color .2s;background:var(--white);color:var(--gray-900);-webkit-text-fill-color:currentColor}.edit-popover .modern-popover-input:focus{outline:none;border-color:var(--color-main);box-shadow:0 0 0 3px #4ecdc41a}.edit-popover .modern-form-row{grid-template-columns:1fr 1fr 1fr;gap:6px}.edit-popover .desc-field{grid-column:1 / -1}.edit-popover .modern-form-row.detail-row{grid-template-columns:1fr auto auto;gap:8px;align-items:start}.edit-popover .modern-form-row.detail-row .desc-field{grid-column:1 / 2}.edit-popover .modern-popover-meta-btn.icon-only{min-width:auto;width:36px;height:36px;padding:6px;gap:0}.edit-popover .modern-popover-meta-btn.icon-only span{display:none}.edit-popover .projects-field,.edit-popover .tags-field{display:flex;align-items:stretch}.edit-popover .modern-popover-meta-btn{padding:6px 10px;border:1px solid var(--gray-300);border-radius:6px;background:var(--white);color:var(--gray-700);font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s;min-width:96px;justify-content:center}.edit-popover .modern-popover-meta-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.edit-popover .modern-popover-meta-btn.has-tags{border-color:var(--color-main);color:var(--color-main)}.edit-popover .modern-popover-meta-btn.has-project{border-color:var(--project-color, var(--color-main));color:var(--project-color, var(--color-main))}.edit-popover .popover-actions{padding:8px 10px;border-top:1px solid var(--gray-200);background:var(--gray-50);display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.edit-popover .popover-actions #btnModalDelete{margin-right:auto}.btn.success{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-md);border-color:transparent}.btn.success:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 640px){.edit-popover{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.edit-popover .popover-form{padding:10px}.edit-popover .modern-form-row{grid-template-columns:1fr;gap:16px}.edit-popover .popover-actions{padding:12px 16px;flex-direction:column}.edit-popover .popover-actions .btn{width:100%;justify-content:center}}.popover-header{padding:12px 16px;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.popover-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--gray-900)}.radio-list,.checkbox-list{padding:8px;max-height:160px;overflow-y:auto}.popover-actions{padding:8px 12px;border-top:1px solid var(--gray-200);background:var(--gray-50);display:flex;gap:6px;justify-content:flex-end}.modern-tag-summary{background:var(--gray-100);padding:6px 12px;border-radius:8px;font-size:.85rem;color:var(--gray-600);margin-left:8px}@media (max-width: 1024px){.modern-timer{padding:12px 20px}.timer-input-row{grid-template-columns:1fr;gap:8px}.meta-field{justify-self:center;margin-top:8px}.primary-controls{flex-direction:column;width:100%;max-width:300px}.timer-btn{width:100%;justify-content:center}.modern-nav .nav-item a{justify-content:center;flex-direction:column;gap:4px;text-align:center;padding:12px 8px}.modern-nav .nav-item a span{font-size:.8rem}}@media (max-width: 768px){.app-header{display:flex;padding:6px 12px;min-height:40px;border-bottom:1px solid var(--gray-200)}.app-header .mobile-menu-btn+.brand{position:absolute;left:50%;transform:translate(-50%);text-align:center;pointer-events:none}.app-shell{min-height:calc(100vh - 40px)}.modern-sidebar{display:block;position:fixed;top:0;left:0;height:100vh;width:260px;max-width:85vw;background:var(--white);border-right:1px solid var(--gray-300);box-shadow:var(--shadow-lg);transform:translate(-100%);transition:transform .25s ease;z-index:1000;padding:12px 8px}.modern-sidebar.open{transform:translate(0)}.app-shell{grid-template-columns:1fr}.timer-main{gap:16px}.modern-timer{padding:10px 16px}.timer-input-row{grid-template-columns:1fr}.meta-field{margin-top:8px}.timer-status-indicator.compact{padding:10px 16px;gap:8px}.timer-display.compact{font-size:1rem}.status-text{font-size:.8rem}.primary-controls{gap:8px}.timer-btn{padding:12px 24px;font-size:1rem}}@media (max-width: 768px){.mobile-menu-btn[hidden]{display:none}.mobile-menu-btn{position:static;width:36px;height:36px;border-radius:8px;border:1px solid var(--gray-300);background:var(--white);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);margin-right:8px}.mobile-menu-backdrop[hidden]{display:none}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:990}}@media (min-width: 769px){.app-header{display:none}.app-shell{min-height:100vh}}.modern-calendar-toolbar{background:var(--white);padding:16px 20px;border-radius:16px 16px 0 0;border-bottom:1px solid var(--gray-200)}.calendar-nav-btn,.calendar-today-btn,.calendar-picker-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--white);border:2px solid var(--gray-200);border-radius:10px;color:var(--gray-700);font-weight:500;transition:all .3s ease;box-shadow:var(--shadow-sm)}.calendar-nav-btn:hover,.calendar-today-btn:hover,.calendar-picker-btn:hover{border-color:var(--color-main);color:var(--color-main);transform:translateY(-1px);box-shadow:var(--shadow-md)}.calendar-today-btn{background:var(--gradient-primary);color:#fff;border-color:var(--color-main)}.calendar-today-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--white)}.calendar-picker-btn{padding:10px;min-width:auto}.modern-range{background:var(--gray-100);padding:8px 16px;border-radius:8px;font-weight:600;color:var(--gray-700)}.calendar-card{background:var(--white);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;flex:1;min-height:0;display:flex;flex-direction:column}@media (max-width: 768px){.modern-calendar-toolbar{padding:12px 16px}.toolbar-left{flex-wrap:wrap;gap:8px}.calendar-nav-btn span,.calendar-today-btn span{display:none}.calendar-nav-btn,.calendar-today-btn{min-width:44px;padding:10px;justify-content:center}.modern-range{font-size:.9rem;padding:6px 12px}}.modern-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;opacity:0;visibility:hidden;transition:all .3s ease}.modern-modal:not([hidden]){opacity:1;visibility:visible}.modern-modal-content{background:var(--white);border-radius:20px;box-shadow:var(--shadow-xl);width:min(580px,95vw);max-height:85vh;overflow:hidden;transform:scale(.95) translateY(20px);transition:transform .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.modern-modal:not([hidden]) .modern-modal-content{transform:scale(1) translateY(0)}.modal-header{display:flex;align-items:center;gap:12px;padding:16px 24px 12px;border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--gray-50) 0%,var(--white) 100%)}.modal-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.modal-header-content{flex:1}.modal-header-content h3{margin:0 0 4px;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.modal-subtitle{margin:0;color:var(--gray-600);font-size:.9rem}.modal-close-btn{width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--gray-200);border-radius:10px;color:var(--gray-600);transition:all .3s ease;flex-shrink:0}.modal-close-btn:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-800);transform:scale(1.05)}.modern-modal-form{padding:16px 24px;overflow-y:auto;max-height:calc(90vh - 120px)}.form-section{margin-bottom:20px}.form-section:last-child{margin-bottom:0}.section-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0 0 12px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:18px;background:var(--gradient-primary);border-radius:2px}.modern-form-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--gray-700);font-size:.9rem}.form-field label svg{color:var(--color-main);flex-shrink:0}.modern-modal-input{padding:10px 12px;border:2px solid var(--gray-200);border-radius:10px;font-size:.95rem;background:var(--white);transition:all .3s ease;outline:none}.modern-modal-input:focus{border-color:var(--color-main);box-shadow:0 0 0 4px #4ecdc41a;transform:translateY(-1px)}.modern-modal-meta-btn{display:flex;align-items:center;gap:8px;padding:14px 16px;background:var(--gray-50);border:2px solid var(--gray-200);border-radius:12px;color:var(--gray-700);font-weight:500;transition:all .3s ease;width:100%;justify-content:flex-start}.modern-modal-meta-btn:hover{background:var(--white);border-color:var(--color-main);color:var(--color-main);transform:translateY(-1px)}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px 18px;background:var(--gray-50);border-top:1px solid var(--gray-200)}.action-group{display:flex;gap:8px}.modal-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;font-weight:600;font-size:.9rem;transition:all .3s ease;position:relative;overflow:hidden}.modal-btn.primary{background:var(--gradient-primary);color:#fff;border:2px solid var(--color-main)}.modal-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-btn.secondary{background:var(--white);color:var(--gray-700);border:2px solid var(--gray-300)}.modal-btn.secondary:hover{border-color:var(--gray-400);transform:translateY(-1px);box-shadow:var(--shadow-md)}.modal-btn.danger{background:linear-gradient(135deg,var(--color-accent),#ff5252);color:#fff;border:2px solid var(--color-accent)}.modal-btn.danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.modal-btn.ghost{background:transparent;color:var(--gray-600);border:2px solid transparent}.modal-btn.ghost:hover{background:var(--gray-100);color:var(--gray-800);transform:translateY(-1px)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(40px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.modern-modal{padding:12px}.modal-header{padding:20px 24px 16px;gap:12px}.modal-header-content h3{font-size:1.3rem}.modal-icon{width:40px;height:40px}.modern-modal-form{padding:20px 24px}.modal-actions{padding:16px 24px 20px;flex-direction:column;gap:12px}.action-group{width:100%;justify-content:center}.modal-btn{width:100%;justify-content:center;padding:14px 20px}.modern-form-row{grid-template-columns:1fr;gap:16px}.form-section{margin-bottom:24px}}@media (max-width: 480px){.modal-header{padding:16px 20px 12px}.modern-modal-form{padding:16px 20px}.modal-actions{padding:12px 20px 16px}}.selection-modal .modal-content{max-width:480px;width:90vw}.selection-modal-content{background:var(--white);border-radius:24px;box-shadow:var(--shadow-xl);overflow:hidden;transform:scale(.9) translateY(40px);transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);max-height:80vh;display:flex;flex-direction:column}.selection-modal:not([hidden]) .selection-modal-content{transform:scale(1) translateY(0)}.selection-modal .modal-icon.project-icon{background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:#fff}.selection-modal .modal-icon.tag-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.selection-content{flex:1;overflow:hidden;min-height:200px;max-height:400px;display:flex;flex-direction:column}.selection-list{padding:20px 24px;overflow-y:auto;flex:1;min-height:0}.selection-list .radio,.selection-list .checkbox{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:4px 0;border-radius:12px;border:2px solid transparent;background:var(--gray-50);transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden}.selection-list .radio:hover,.selection-list .checkbox:hover{background:var(--white);border-color:var(--color-main);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.selection-list .radio:has(input:checked),.selection-list .checkbox:has(input:checked){background:linear-gradient(135deg,#4ecdc41a,#45b7d11a);border-color:var(--color-main);box-shadow:0 0 0 4px #4ecdc41a}.selection-list input[type=radio],.selection-list input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-main);cursor:pointer;flex-shrink:0}.selection-list label{cursor:pointer;font-weight:500;color:var(--gray-800);flex:1;margin:0}.selection-list .radio:has(input:checked) label,.selection-list .checkbox:has(input:checked) label{color:var(--gray-900);font-weight:600}@media (max-width: 768px){.selection-modal .modal-content{max-width:95vw;max-height:90vh}.selection-content{max-height:350px}.selection-list{padding:16px 20px}.selection-list .radio,.selection-list .checkbox{padding:10px 14px}}@media (max-width: 480px){.selection-modal .modal-content{max-width:98vw;max-height:95vh}.selection-content{max-height:300px}.selection-list{padding:12px 16px}.action-group{flex-direction:column}}.modern-sidebar{background:var(--white);border-right:1px solid var(--gray-300);padding:12px 8px}.modern-nav{list-style:none;padding:0;margin:0}.modern-nav .nav-item{margin:2px 0}.modern-nav .nav-item a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--gray-700);text-decoration:none;border-radius:8px;transition:all .2s ease;font-weight:500}.modern-nav .nav-item a:hover{background:var(--gray-100);color:var(--gray-900)}.modern-nav .nav-item.active a{background:#4ecdc41a;color:var(--color-main);font-weight:600}.modern-nav .nav-item.nav-logout{border-top:1px solid var(--gray-300);padding-top:12px;margin-top:20px}.modern-timer{flex-shrink:0}.timer-input-section{margin-bottom:0}.timer-input-row{display:grid;grid-template-columns:3fr auto auto;gap:6px;align-items:center}.desc-field{position:relative}.modern-input{width:100%;padding:16px 20px;border-radius:10px;border:1px solid var(--gray-300);background:var(--gray-100);font-size:1rem;transition:border-color .2s ease,background-color .2s ease;color:var(--gray-900);-webkit-text-fill-color:currentColor;caret-color:currentColor}.modern-input:focus{outline:none;border-color:var(--color-main);background:var(--white)}.project-overlay{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:.9rem;color:var(--gray-500);pointer-events:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.project-overlay{display:none}#inputDescription.modern-input{padding-right:20px}.calendar-header{grid-template-columns:80px 1fr}.calendar-body{grid-template-columns:80px 1fr;overflow-x:hidden;touch-action:pan-y;overscroll-behavior-x:contain}.day-col{min-width:0}.timer-input-section .timer-btn{padding:8px 12px;border-radius:8px;font-size:.9rem;gap:6px;box-shadow:var(--shadow-sm)}.timer-input-section .timer-btn.primary,.timer-input-section .timer-btn.danger{min-width:auto}.timer-input-section .timer-btn svg{width:16px;height:16px}}.meta-field{display:inline-flex;align-items:center;gap:4px;position:relative}.meta-btn{width:40px;height:40px;border:1px solid var(--gray-300);border-radius:8px;background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0}.meta-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.meta-btn.compact{width:36px;height:36px}.tag-summary{font-size:.9rem;color:var(--gray-600)}.modern-tag-summary{margin-left:4px;font-size:.85rem}.timer-controls-section{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.modern-controls .primary-controls{display:flex;gap:8px}.timer-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;border:1px solid transparent;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s ease}.timer-btn.primary{background:var(--color-main);color:var(--white);border-color:var(--color-main)}.timer-btn.primary:hover{background:#3db9b1;border-color:#3db9b1}.timer-btn.danger{background:var(--color-accent);color:var(--white);border-color:var(--color-accent)}.timer-btn.danger:hover{background:#ff5252;border-color:#ff5252}.timer-btn.ghost{background:transparent;color:var(--gray-600);border-color:var(--gray-300)}.timer-btn.ghost:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-900)}.timer-btn:disabled{opacity:.6;cursor:not-allowed}.timer-status-indicator{display:flex;align-items:center;gap:8px;font-size:.9rem}.timer-status-indicator.compact{flex-direction:row-reverse;gap:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--gray-400);transition:background-color .2s ease}.status-dot.running{background:var(--color-main)}.status-text{color:var(--gray-600);font-weight:500}.timer-display{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700;color:var(--gray-900);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.timer-display.compact{font-size:1.1rem}.calendar-card{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.modern-calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--gray-300)}.toolbar-left{display:flex;align-items:center;gap:8px}.calendar-nav-btn,.calendar-today-btn,.calendar-picker-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;background:var(--white);color:var(--gray-700);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.calendar-nav-btn:hover,.calendar-today-btn:hover,.calendar-picker-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.calendar-today-btn{background:var(--color-main);color:var(--white);border-color:var(--color-main)}.calendar-today-btn:hover{background:#3db9b1;border-color:#3db9b1;color:var(--white)}.calendar-pop{position:relative}.range{font-size:1rem;font-weight:600;color:var(--gray-900)}.modern-range{font-size:.95rem}.calendar{flex:1;overflow:auto;background:var(--gray-50);border-radius:8px;min-height:400px}@media (max-width: 768px){.calendar{min-height:0}}.popover{position:absolute;background:var(--white);border:1px solid var(--gray-300);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;padding:12px}.popover.align-right{right:0;top:100%;margin-top:4px}.modern-popover{padding:16px}.popover-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--gray-300)}#projectPopover .popover-actions,#modalProjectPopover .popover-actions{justify-content:flex-start}.btn.xs{padding:6px 12px;font-size:.8rem;border-radius:6px}.radio-list,.checkbox-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.mini-cal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mini-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-size:.8rem}.toast{position:fixed;bottom:20px;right:20px;background:var(--gray-900);color:var(--white);padding:12px 20px;border-radius:8px;font-weight:500;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:1000;box-shadow:var(--shadow-lg)}.toast.show{transform:translateY(0);opacity:1}.theme-dark .modern-results-table th{background:var(--gray-200);border-bottom-color:var(--gray-300)}.theme-dark .modern-results-table tbody tr:hover{background:var(--gray-200)}.theme-dark .modern-results-table tbody tr:not(.empty-state):nth-child(2n){background:var(--gray-200)}.theme-dark .modern-results-table tbody tr:not(.empty-state):nth-child(2n):hover{background:var(--gray-300)}.theme-dark .table-header,.theme-dark .chart-header{background:var(--gray-200);border-bottom-color:var(--gray-300)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Figtree,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-bottom-16{bottom:-4rem}.-left-16{left:-4rem}.-left-20{left:-5rem}.top-0{top:0}.z-0{z-index:0}.\!row-span-1{grid-row:span 1 / span 1!important}.m-1{margin:.25rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-ml-px{margin-left:-1px}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.size-12{width:3rem;height:3rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.h-12{height:3rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-5{width:1.25rem}.w-\[calc\(100\%_\+_8rem\)\]{width:calc(100% + 8rem)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-\[877px\]{max-width:877px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\!flex-row{flex-direction:row!important}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.bg-\[\#FF2D20\]\/10{background-color:#ff2d201a}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-zinc-900{--tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.to-zinc-900{--tw-gradient-to: #18181b var(--tw-gradient-to-position)}.stroke-\[\#FF2D20\]{stroke:#ff2d20}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pt-3{padding-top:.75rem}.text-center{text-align:center}.font-sans{font-family:Figtree,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-sm{font-size:.875rem;line-height:1.25rem}.text-sm\/relaxed{font-size:.875rem;line-height:1.625}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-black\/50{color:#00000080}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-\[0px_14px_34px_0px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0px 14px 34px 0px rgba(0,0,0,.08);--tw-shadow-colored: 0px 14px 34px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1))}.ring-gray-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))}.ring-transparent{--tw-ring-color: transparent}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-white\/\[0\.05\]{--tw-ring-color: rgb(255 255 255 / .05)}.ring-zinc-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(39 39 42 / var(--tw-ring-opacity, 1))}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0px_4px_34px_rgba\(0\,0\,0\,0\.06\)\]{--tw-drop-shadow: drop-shadow(0px 4px 34px rgba(0,0,0,.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0px_4px_34px_rgba\(0\,0\,0\,0\.25\)\]{--tw-drop-shadow: drop-shadow(0px 4px 34px rgba(0,0,0,.25));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.selection\:bg-\[\#FF2D20\] *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / var(--tw-bg-opacity, 1))}.selection\:bg-\[\#FF2D20\] *::selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / var(--tw-bg-opacity, 1))}.selection\:text-white *::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white *::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:bg-\[\#FF2D20\]::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / var(--tw-bg-opacity, 1))}.selection\:bg-\[\#FF2D20\]::selection{--tw-bg-opacity: 1;background-color:rgb(255 45 32 / var(--tw-bg-opacity, 1))}.selection\:text-white::-moz-selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.selection\:text-white::selection{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.hover\:text-black\/70:hover{color:#000000b3}.hover\:text-gray-400:hover{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.hover\:ring-black\/20:hover{--tw-ring-color: rgb(0 0 0 / .2)}.focus\:z-10:focus{z-index:10}.focus\:border-blue-300:focus{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[\#FF2D20\]:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 45 32 / var(--tw-ring-opacity, 1))}.active\:bg-gray-100:active{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.active\:text-gray-500:active{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.active\:text-gray-700:active{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:size-16{width:4rem;height:4rem}.sm\:size-6{width:1.5rem;height:1.5rem}.sm\:flex-1{flex:1 1 0%}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:pt-5{padding-top:1.25rem}}@media (min-width: 768px){.md\:row-span-3{grid-row:span 3 / span 3}}@media (min-width: 1024px){.lg\:col-start-2{grid-column-start:2}.lg\:h-16{height:4rem}.lg\:max-w-7xl{max-width:80rem}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:items-end{align-items:flex-end}.lg\:justify-center{justify-content:center}.lg\:gap-8{gap:2rem}.lg\:p-10{padding:2.5rem}.lg\:pb-10{padding-bottom:2.5rem}.lg\:pt-0{padding-top:0}.lg\:text-\[\#FF2D20\]{--tw-text-opacity: 1;color:rgb(255 45 32 / var(--tw-text-opacity, 1))}}.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme: dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.dark\:via-zinc-900{--tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-zinc-900{--tw-gradient-to: #18181b var(--tw-gradient-to-position)}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-white\/50{color:#ffffff80}.dark\:text-white\/70{color:#ffffffb3}.dark\:ring-zinc-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(39 39 42 / var(--tw-ring-opacity, 1))}.dark\:hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:text-white\/70:hover{color:#ffffffb3}.dark\:hover\:text-white\/80:hover{color:#fffc}.dark\:hover\:ring-zinc-700:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(63 63 70 / var(--tw-ring-opacity, 1))}.dark\:focus\:border-blue-700:focus{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.dark\:focus\:border-blue-800:focus{--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:focus-visible\:ring-\[\#FF2D20\]:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 45 32 / var(--tw-ring-opacity, 1))}.dark\:focus-visible\:ring-white:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.dark\:active\:bg-gray-700:active{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:active\:text-gray-300:active{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}}