body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.theme-toggle{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem;transition:var(--transition)}.theme-toggle-track,.theme-toggle:hover{background:var(--bg-tertiary)}.theme-toggle-track{border:1px solid var(--border-color);border-radius:12px;height:24px;position:relative;transition:var(--transition);width:50px}.theme-toggle--dark .theme-toggle-track{background:var(--bg-tertiary);border-color:var(--border-color)}.theme-toggle-thumb{align-items:center;background:var(--primary);border-radius:50%;box-shadow:var(--shadow-light);display:flex;height:18px;justify-content:center;left:2px;position:absolute;top:2px;transform:translateX(0);transition:var(--transition);width:18px}.theme-toggle--dark .theme-toggle-thumb{background:var(--primary);transform:translateX(26px)}.theme-icon{color:#fff;font-size:10px;line-height:1}.theme-toggle-label{color:var(--text-primary);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}@keyframes themeToggleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.theme-toggle{animation:themeToggleIn .3s ease-out}.theme-toggle:focus{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:767px){.theme-toggle-label{display:none}.theme-toggle{padding:.375rem}.theme-toggle-track{height:22px;width:44px}.theme-toggle-thumb{height:16px;width:16px}.theme-toggle--dark .theme-toggle-thumb{transform:translateX(22px)}}@media (max-width:479px){.theme-toggle{padding:.25rem}.theme-toggle-track{height:20px;width:40px}.theme-toggle-thumb{height:14px;width:14px}.theme-toggle--dark .theme-toggle-thumb{transform:translateX(18px)}.theme-icon{font-size:8px}}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--gradient-primary);border-bottom:1px solid #ffffff1a;box-shadow:var(--shadow-medium);color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .navbar{background:var(--gradient-dark);border-bottom-color:var(--border-color)}.navbar-brand{align-items:center;display:flex;gap:.5rem}.navbar-brand h1{font-size:1.5rem;font-weight:600;margin:0;position:relative}.navbar-brand h1:before{animation:rotate 3s ease-in-out infinite;content:"📝";margin-right:.5rem}@keyframes rotate{0%,to{transform:rotate(0deg)}50%{transform:rotate(10deg)}}.navbar-menu,.navbar-user{align-items:center;display:flex;gap:1rem}.welcome-text{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius);font-weight:500;opacity:.9;padding:.5rem .75rem;position:relative}.welcome-text:before{content:"👋";margin-right:.5rem}.navbar-guest{font-weight:500;opacity:.8}.logout-btn{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:var(--transition)}.logout-btn:before{content:"🚪"}.logout-btn:hover{background-color:#fff3;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.logout-btn:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}@media (max-width:767px){.navbar{flex-wrap:wrap;padding:1rem}.navbar-brand{flex:1 1}.navbar-brand h1{font-size:1.25rem}.navbar-user{border-top:1px solid #fff3;justify-content:center;margin-top:1rem;padding-top:1rem;width:100%}.welcome-text{font-size:.875rem;padding:.375rem .5rem}.logout-btn{font-size:.8rem;padding:.375rem .75rem}}@media (max-width:479px){.navbar{padding:.75rem}.navbar-brand h1{font-size:1.125rem}.navbar-user{flex-direction:column;gap:.75rem}.welcome-text{font-size:.8rem;text-align:center}.logout-btn{font-size:.75rem;justify-content:center;width:100%}}@media (min-width:768px) and (max-width:1023px){.navbar{padding:1rem 1.5rem}.navbar-brand h1{font-size:1.375rem}.welcome-text{font-size:.9rem}.logout-btn{font-size:.8rem}}@media (min-width:1024px){.navbar{padding:1rem 2rem}.navbar-brand h1{font-size:1.5rem}.welcome-text{font-size:1rem}.logout-btn{font-size:.875rem}}.loading-spinner{display:inline-block}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top:3px solid #3498db;border:3px solid var(--border-light,#f3f3f3);border-radius:50%;border-top-color:var(--primary,#3498db);margin:0 auto}.loading-spinner--small .spinner{border-width:2px;height:16px;width:16px}.loading-spinner--medium .spinner{height:32px;width:32px}.loading-spinner--large .spinner{border-width:4px;height:48px;width:48px}.error-message{background-color:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:var(--border-radius);color:var(--danger);justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:var(--transition)}.error-content,.error-message{align-items:center;display:flex}.error-content{flex:1 1;gap:.5rem}.error-icon{flex-shrink:0;font-size:1rem}.error-text{font-size:.875rem;font-weight:500;line-height:1.4}.error-actions{align-items:center;display:flex;gap:.5rem}.btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:var(--transition)}.btn,.btn-sm{font-size:.75rem}.btn-sm{padding:.375rem .75rem}.btn-outline{background-color:initial;border:1px solid var(--danger);color:var(--danger)}.btn-outline:hover{background-color:var(--danger);color:#fff;transform:translateY(-1px)}.btn-ghost{background-color:initial;border:1px solid #0000;color:var(--danger);height:32px;justify-content:center;min-width:32px;padding:.25rem .5rem}.btn-ghost:hover{background-color:#e74c3c1a;border-color:#e74c3c33}.login-form-container{align-items:center;display:flex;justify-content:center;min-height:100%;padding:1rem}.login-form{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-medium);max-width:400px;padding:2rem;transition:background-color .3s ease;width:100%}.login-title{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.form-input,.login-title{color:var(--text-primary)}.form-input{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;font-size:1rem;padding:.75rem;transition:var(--transition);width:100%}.form-input:focus{background-color:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 3px #3498db1a;outline:none}.form-input--error:focus{border-color:var(--danger);box-shadow:0 0 0 3px #e74c3c1a}.form-input:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;opacity:.6}.submit-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:var(--transition);width:100%}.submit-btn:hover:not(:disabled){box-shadow:var(--shadow-medium);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:480px){.login-form-container{padding:.5rem}.login-form{padding:1.5rem}.login-title{font-size:1.5rem}}.task-item{background:var(--bg-primary);border-left:4px solid #0000;border-radius:var(--border-radius);box-shadow:var(--shadow-light);overflow:hidden;padding:1.5rem;position:relative;transition:var(--transition)}.task-item:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.task-item--todo{border-left-color:var(--warning)}.task-item--in-progress{border-left-color:#ff8c42}.task-item--completed{border-left-color:var(--success);opacity:.9}.task-item--overdue{background:linear-gradient(135deg,var(--bg-primary) 0,#e74c3c0d 100%);border-left-color:var(--danger)}.task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.task-status-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.task-status-indicator--todo{background:var(--warning)}.task-status-indicator--in-progress{animation:pulse 2s infinite;background:#ff8c42}.task-status-indicator--completed{background:var(--success)}.task-priority-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.task-priority-badge--high{background:#e74c3c1a;border:1px solid #e74c3c33;color:var(--danger)}.task-priority-badge--medium{background:#f39c121a;border:1px solid #f39c1233;color:var(--warning)}.task-priority-badge--low{background:#27ae601a;border:1px solid #27ae6033;color:var(--success)}.task-content{margin-bottom:1rem}.task-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0 0 .75rem;word-break:break-word}.task-item--completed .task-title{opacity:.7;text-decoration:line-through}.task-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0 0 1rem;overflow:hidden;word-break:break-word}.task-item--completed .task-description{opacity:.6}.task-meta{display:flex;flex-direction:column;gap:.5rem}.task-date-info{align-items:center;display:flex;gap:.5rem}.task-due-date{color:var(--text-secondary);font-size:.875rem;font-weight:500}.task-due-date--warning{color:var(--warning);font-weight:600}.task-due-date--overdue{animation:blink 1.5s infinite;color:var(--danger);font-weight:700}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.task-status-text{align-self:flex-start;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.task-status-text--todo{color:var(--warning)}.task-status-text--in-progress{color:#ff8c42}.task-status-text--completed{color:var(--success)}.task-actions{border-top:1px solid var(--border-light);display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem}.task-action-btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:var(--transition)}.task-action-btn--edit{background:#ff8c421a;color:#ff8c42}.task-action-btn--edit:hover{background:#ff8c4233;transform:translateY(-1px)}.task-action-btn--delete{background:#e74c3c1a;color:var(--danger)}.task-action-btn--delete:hover{background:#e74c3c33;transform:translateY(-1px)}.task-item--completed{position:relative}.task-item--completed:before{color:var(--success);content:"✓";font-size:1.5rem;font-weight:700;opacity:.3;position:absolute;right:1rem;top:1rem}@media (max-width:767px){.task-item{padding:1.25rem}.task-header{margin-bottom:.75rem}.task-title{font-size:1rem;margin-bottom:.5rem}.task-description{-webkit-line-clamp:2;font-size:.85rem;margin-bottom:.75rem}.task-priority-badge{font-size:.7rem;padding:.2rem .6rem}.task-due-date{font-size:.8rem}.task-status-text{font-size:.75rem}.task-actions{gap:.375rem;padding-top:.75rem}.task-action-btn{font-size:.9rem;height:32px;min-width:32px}}@media (max-width:479px){.task-item{padding:1rem}.task-title{font-size:.95rem}.task-description{font-size:.8rem}.task-meta{gap:.375rem}.task-due-date{font-size:.75rem}.task-status-text{font-size:.7rem}.task-actions{padding-top:.5rem}.task-action-btn{font-size:.85rem;height:30px;min-width:30px}}@media (min-width:768px) and (max-width:1023px){.task-item{padding:1.375rem}.task-title{font-size:1.0625rem}.task-description{font-size:.875rem}}@media (min-width:1024px){.task-item{padding:1.5rem}.task-title{font-size:1.125rem}.task-description{font-size:.9rem}}@media (min-width:1440px){.task-item{padding:2rem}.task-title{font-size:1.25rem;margin-bottom:1rem}.task-description{font-size:1rem;margin-bottom:1.25rem}.task-actions{padding-top:1.25rem}.task-action-btn{font-size:1.1rem;height:40px;min-width:40px}}@media (min-width:1024px){.task-item:hover .task-action-btn{opacity:1}.task-action-btn{opacity:.7;transition:opacity .2s ease,transform .2s ease,background .2s ease}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-item{animation:slideInUp .3s ease-out}.task-action-btn:focus{outline:2px solid #ff8c42;outline-offset:2px}.task-action-btn--delete:focus{outline-color:var(--danger)}.task-list-container,.task-list-content{width:100%}.task-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%}.task-list-loading{align-items:center;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-light);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;transition:background-color .3s ease}.loading-text{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin-top:1rem}.task-list-empty{align-items:center;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-light);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center;transition:background-color .3s ease}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.7}.empty-title{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.empty-description{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0;max-width:500px}@keyframes highlightFade{0%{background-color:#ffeb3b99}to{background-color:#ffeb3b4d}}.search-highlight{animation:highlightFade 1s ease-out}@media (max-width:767px){.task-grid{gap:1rem;grid-template-columns:1fr}.task-list-empty,.task-list-loading{padding:3rem 1rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-title{font-size:1.25rem}.empty-description{font-size:.9rem}}@media (max-width:479px){.task-grid{gap:.75rem}.task-list-empty,.task-list-loading{padding:2rem .75rem}.empty-icon{font-size:2.5rem}.empty-title{font-size:1.125rem}.empty-description{font-size:.85rem}}@media (min-width:768px) and (max-width:1023px){.task-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:1024px){.task-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:1440px){.task-grid{gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.task-form-container{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.task-form{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-dark);max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;transition:background-color .3s ease;width:100%}.task-form-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;text-align:center}.form-field,.task-form-title{margin-bottom:1.5rem}.form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.75rem;transition:var(--transition);width:100%}.form-textarea{min-height:100px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 3px #3498db1a;outline:none}.form-input--error{background-color:#e74c3c0d;border-color:var(--danger)}.form-error{color:var(--danger);font-weight:500}.form-error,.form-hint{display:block;font-size:.75rem;margin-top:.25rem}.form-hint{color:var(--text-muted)}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{border-top:1px solid var(--border-light);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:var(--transition)}.cancel-btn{background-color:var(--text-muted);color:#fff}.cancel-btn:hover:not(:disabled){background-color:var(--text-secondary);transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#ff8c42,#ff6b35);color:#fff}.save-btn:hover:not(:disabled){box-shadow:var(--shadow-medium);transform:translateY(-2px)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:768px){.task-form-container{padding:.5rem}.task-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-btn,.save-btn{justify-content:center;width:100%}}.task-management{background:var(--bg-secondary);margin:0 auto;max-width:1200px;min-height:calc(100vh - 140px);padding:2rem;transition:background-color .3s ease}.task-management-header{align-items:flex-start;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-light);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;transition:background-color .3s ease}.header-title h2{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.task-count{color:var(--info);font-size:.9rem;font-weight:500;margin:0}.create-task-btn{align-items:center;background:linear-gradient(135deg,#ffc6a2,#ff6b35);border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-light);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:var(--transition)}.create-task-btn:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.search-filter-container{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-light);margin-bottom:2rem;overflow:hidden;transition:background-color .3s ease}.search-bar{border-bottom:1px solid var(--border-light);padding:1.5rem}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--info);font-size:1.1rem;left:1rem;position:absolute;z-index:2}.search-input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:var(--transition);width:100%}.search-input:focus{background:var(--bg-primary);border-color:var(--primary);box-shadow:0 0 0 3px #3498db1a;outline:none}.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:.9rem;padding:.5rem;position:absolute;right:1rem;transition:var(--transition)}.clear-search-btn:hover{background:#f8f9fa;color:var(--danger)}.filter-controls{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:var(--dark);font-size:.875rem;font-weight:600;margin:0}.filter-select{background:#fff;border:1px solid #dee2e6;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;padding:.5rem .75rem;transition:var(--transition)}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3498db1a;outline:none}.clear-filters-btn{align-self:end;background:var(--light);border:1px solid #dee2e6;border-radius:var(--border-radius);color:var(--dark);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:var(--transition);white-space:nowrap}.clear-filters-btn:hover{background:#dee2e6;color:var(--danger)}.task-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:2rem}.stat-item{background:#f3d4b8;border-radius:var(--border-radius);box-shadow:var(--shadow-light);padding:1rem;text-align:center;transition:var(--transition)}.stat-item:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.stat-label{color:#6c757d;display:block;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.stat-value{color:var(--dark);display:block;font-size:1.5rem;font-weight:700}.stat-value.todo{color:var(--warning)}.stat-value.in-progress{color:#ff8c42}.stat-value.completed{color:var(--success)}.progress-stat{background:linear-gradient(135deg,var(--success) 0,#ff9500 100%);color:#fff}.progress-stat .stat-label,.progress-stat .stat-value{color:#fff}@media (max-width:767px){.task-management{padding:1rem}.task-management-header{flex-direction:column;gap:1rem;padding:1rem}.header-title h2{font-size:1.5rem}.task-count{font-size:.8rem}.create-task-btn{justify-content:center;padding:.875rem 1rem;width:100%}.search-bar{padding:1rem}.search-input{font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}.search-icon{font-size:1rem;left:.75rem}.filter-controls{gap:1rem;grid-template-columns:1fr;padding:1rem}.filter-group{gap:.25rem}.filter-group label{font-size:.8rem}.filter-select{font-size:.875rem;padding:.625rem .5rem}.clear-filters-btn{font-size:.8rem;padding:.625rem 1rem}.task-stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-item{padding:.75rem}.stat-label{font-size:.75rem}.stat-value{font-size:1.25rem}}@media (max-width:479px){.task-management{padding:.5rem}.task-management-header{margin-bottom:1rem;padding:.75rem}.header-title h2{font-size:1.375rem}.create-task-btn{font-size:.875rem;padding:.75rem 1rem}.search-bar{padding:.75rem}.search-input{padding:.625rem .75rem .625rem 2.25rem}.filter-controls{padding:.75rem}.task-stats{gap:.5rem;grid-template-columns:1fr}.stat-item{align-items:center;display:flex;justify-content:space-between;padding:.625rem;text-align:left}.stat-label{margin-bottom:0}.stat-value{font-size:1.125rem}}@media (min-width:768px) and (max-width:1023px){.task-management{padding:1.5rem}.task-management-header{padding:1.25rem}.header-title h2{font-size:1.625rem}.filter-controls{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:1.25rem}.task-stats{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.task-management{padding:2rem}.filter-controls{grid-template-columns:repeat(6,1fr)}.task-stats{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px){.task-management{max-width:1400px;padding:3rem}.task-management-header{padding:2rem}.header-title h2{font-size:2rem}.filter-controls,.search-bar{padding:2rem}}.search-highlight{background:#ffeb3b4d;border-radius:2px;padding:.1rem .2rem;transition:background .3s ease}.filter-loading{opacity:.6;pointer-events:none}.no-results{color:#6c757d;padding:3rem;text-align:center}.no-results h3{color:var(--dark);margin-bottom:1rem}.no-results p{margin-bottom:1.5rem}.no-results button{background:var(--primary);border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:var(--transition)}.no-results button:hover{background:#2980b9;transform:translateY(-1px)}:root{--primary:#d4792a;--success:#7a8471;--danger:#b85450;--warning:#e6b86a;--info:#8b7355;--light:#f7f3f0;--dark:#3c2a21;--bg-primary:#fdfcfb;--bg-secondary:#f7f3f0;--bg-tertiary:#ede3d6;--text-primary:#3c2a21;--text-secondary:#6b5b52;--text-muted:#9b8d84;--border-color:#d4c4b0;--border-light:#ede3d6;--gradient-primary:linear-gradient(135deg,#d4792a,#b85450);--gradient-success:linear-gradient(135deg,#7a8471,#9ca986);--gradient-dark:linear-gradient(135deg,#3c2a21,#6b5b52);--shadow-light:0 2px 10px #3c2a211a;--shadow-medium:0 4px 20px #3c2a2126;--shadow-dark:0 8px 30px #3c2a2133;--border-radius:8px;--transition:all 0.3s ease}[data-theme=dark]{--primary:#4a9eff;--success:#5fb3a1;--danger:#ff6b7a;--warning:#ffb347;--info:#a18aff;--light:#2a3441;--dark:#e8f4f8;--bg-primary:#0f1419;--bg-secondary:#1a2332;--bg-tertiary:#2a3441;--text-primary:#e8f4f8;--text-secondary:#b8c5d1;--text-muted:#7a8896;--border-color:#3d4a5c;--border-light:#2a3441;--gradient-primary:linear-gradient(135deg,#4a9eff,#a18aff);--gradient-success:linear-gradient(135deg,#5fb3a1,#4a9eff);--gradient-dark:linear-gradient(135deg,#0f1419,#1a2332);--shadow-light:0 2px 10px #0f14194d;--shadow-medium:0 4px 20px #0f141966;--shadow-dark:0 8px 30px #0f141999}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f3f0;background-color:var(--bg-secondary);color:#3c2a21;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ede3d6;background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:#d4792a;background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b85450}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#d4792a;background:var(--primary)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#6bb5ff}.app{flex-direction:column}.app,.app-loading{display:flex;min-height:100vh}.app-loading{align-items:center;background:linear-gradient(135deg,#d4792a,#b85450);background:var(--gradient-primary);justify-content:center;overflow:hidden;position:relative}.app-loading:before{animation:float 20s linear infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="50" r="2" fill="%23fff" opacity=".3"><animate attributeName="r" values="2;4;2" dur="1s" repeatCount="indefinite"/></circle><circle cx="50" cy="50" r="2" fill="%23fff" opacity=".5"><animate attributeName="r" values="2;4;2" dur="1s" begin="0.2s" repeatCount="indefinite"/></circle><circle cx="80" cy="50" r="2" fill="%23fff" opacity=".7"><animate attributeName="r" values="2;4;2" dur="1s" begin="0.4s" repeatCount="indefinite"/></circle></svg>') repeat;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.loading-container{animation:fadeInUp .8s ease-out;color:#fff;padding:2rem;position:relative;text-align:center;z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.app-logo{animation:bounce 2s infinite;font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.loading-container h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-shadow:0 2px 4px #0000004d}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;box-shadow:0 4px 8px #0003;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{font-size:1.125rem;opacity:.9;text-shadow:0 1px 2px #0000004d}.global-error{left:50%;max-width:500px;position:fixed;top:80px;transform:translateX(-50%);width:90%;z-index:9999}.app-main{flex:1 1}.app-main,.login-container{min-height:calc(100vh - 120px)}.login-container{background:#fdfcfb;background:var(--bg-primary);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 20px #3c2a2126;box-shadow:var(--shadow-medium);display:grid;grid-template-columns:1fr 1fr;margin:2rem;overflow:hidden;transition:background-color .3s ease}.login-welcome{align-items:center;background:linear-gradient(135deg,#d4792a,#b85450);background:var(--gradient-primary);color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem;position:relative;text-align:center}.login-welcome:before{animation:moveBackground 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes moveBackground{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.welcome-logo{animation:pulse 3s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem;position:relative;z-index:2}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-welcome h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;position:relative;text-shadow:0 2px 4px #0000004d;z-index:2}.login-welcome p{font-size:1.25rem;margin-bottom:3rem;opacity:.9;position:relative;text-shadow:0 1px 2px #0000004d;z-index:2}.features-list{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;border-radius:var(--border-radius);display:flex;font-size:1.125rem;font-weight:500;gap:1rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition)}.feature-item:hover{background:#fff3;transform:translateX(5px)}.feature-icon{flex-shrink:0;font-size:1.5rem}.app-footer{background:#ede3d6;background:var(--bg-tertiary);border-top:1px solid #d4c4b0;border-top:1px solid var(--border-color);color:#6b5b52;color:var(--text-secondary);margin-top:auto;padding:1rem;text-align:center;transition:background-color .3s ease,color .3s ease}.app-footer p{margin:0;opacity:.8}.login-container{grid-template-columns:1fr;margin:1rem;min-height:calc(100vh - 140px)}.login-welcome{order:2;padding:2rem 1rem}.welcome-logo{font-size:3rem}.login-welcome h1{font-size:1.75rem}.login-welcome p{font-size:1rem;margin-bottom:2rem}.features-list{align-items:center;gap:1rem}.feature-item{font-size:.95rem;max-width:280px;padding:.5rem .75rem;width:100%}.feature-icon{font-size:1.25rem}.app-main{min-height:calc(100vh - 140px)}.global-error{top:70px;width:95%}@media (min-width:768px){.login-container{margin:1.5rem;min-height:calc(100vh - 120px)}.login-welcome{padding:2.5rem 2rem}.welcome-logo{font-size:4rem}.login-welcome h1{font-size:2rem}.login-welcome p{font-size:1.125rem;margin-bottom:2.5rem}.feature-item{font-size:1rem;max-width:320px;padding:.625rem .875rem}.feature-icon{font-size:1.375rem}.global-error{top:75px;width:90%}}@media (min-width:1024px){.login-container{grid-template-columns:1fr 1fr;margin:2rem;min-height:calc(100vh - 120px)}.login-welcome{order:0;padding:3rem}.welcome-logo{font-size:5rem}.login-welcome h1{font-size:2.5rem}.login-welcome p{font-size:1.25rem;margin-bottom:3rem}.features-list{align-items:flex-start;gap:1.5rem}.feature-item{font-size:1.125rem;max-width:none;padding:.75rem 1rem;width:auto}.feature-icon{font-size:1.5rem}.global-error{max-width:500px;top:80px;width:90%}}@media (min-width:1440px){.login-container{margin:2rem auto;max-width:1200px}.login-welcome{padding:4rem}.welcome-logo{font-size:6rem}.login-welcome h1{font-size:3rem}.login-welcome p{font-size:1.375rem}.feature-item{font-size:1.25rem;padding:1rem 1.25rem}.feature-icon{font-size:1.75rem}}@media (max-width:479px){.login-container{border-radius:0;margin:.5rem}.login-welcome{padding:1.5rem 1rem}.welcome-logo{font-size:2.5rem}.login-welcome h1{font-size:1.5rem}.login-welcome p{font-size:.9rem}.feature-item{font-size:.875rem;padding:.5rem}.feature-icon{font-size:1.125rem}.global-error{left:1%;top:60px;transform:none;width:98%}}@media (max-height:500px) and (orientation:landscape){.login-welcome{padding:1rem}.welcome-logo{font-size:2rem}.login-welcome h1{font-size:1.25rem;margin-bottom:.5rem}.login-welcome p{font-size:.875rem;margin-bottom:1rem}.features-list{gap:.5rem}.feature-item{font-size:.75rem;padding:.25rem .5rem}}
/*# sourceMappingURL=main.0281b7fc.css.map*/