.dashboard-background:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.loading-screen:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.loading-screen:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #3DCCC7;--primary-dark: #1A535C;--bg: #F8F9FA;--card: #FFFFFF;--border: #E9ECEF;--text: #212529;--text-light: #6C757D;--success: #4CAF50;--warning: #FFC107;--error: #FF6B6B;--hover: #30B8B2;--active: #249C97;--secondary: #9CE6DF;--primary-50: #f0fdfc;--primary-100: #ccfbf1;--primary-200: #99f6e4;--primary-300: #5eead4;--primary-400: var(--primary);--primary-500: var(--primary);--primary-600: var(--hover);--primary-700: var(--active);--primary-800: var(--primary-dark);--primary-900: #164e63;--success-50: #f0fdf4;--success-100: #dcfce7;--success-200: #bbf7d0;--success-300: #86efac;--success-400: var(--success);--success-500: var(--success);--success-600: #16a34a;--success-700: #15803d;--success-800: #166534;--success-900: #14532d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: var(--warning);--warning-500: var(--warning);--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-400: var(--error);--danger-500: var(--error);--danger-600: #dc2626;--danger-700: #b91c1c;--danger-800: #991b1b;--danger-900: #7f1d1d;--bg-primary: var(--bg);--bg-secondary: var(--card);--text-primary: var(--text);--text-secondary: var(--text-light);--text-muted: var(--text-light);--border-color: var(--border);--border-focus: var(--primary);--gradient-primary: linear-gradient(135deg, var(--primary), var(--primary-dark));--gradient-secondary: linear-gradient(135deg, var(--success), #16a34a);--gradient-accent: linear-gradient(135deg, var(--error), #dc2626);--gradient-warning: linear-gradient(135deg, var(--warning), #d97706);--text-gradient-primary: var(--primary-dark);--text-gradient-secondary: var(--primary);--text-gradient-success: var(--success);--text-gradient-danger: var(--error);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}@media (prefers-color-scheme: dark){:root{--bg: #1a1a1a;--card: #2d2d2d;--text: #ffffff;--text-light: #b0b0b0;--border: #404040;--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #888888;--border-color: #404040}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;overflow:hidden}.auth-background{position:absolute;inset:0;background:var(--gradient-primary);z-index:0}.floating-shapes{position:absolute;inset:0;overflow:hidden}.shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;right:10%;animation-delay:2s}.shape-3{width:60px;height:60px;bottom:20%;left:20%;animation-delay:4s}.shape-4{width:100px;height:100px;top:10%;right:30%;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(20px) rotate(240deg)}}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:2.5rem;border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a;width:100%;max-width:420px;animation:slideInUp .8s ease-out;position:relative;z-index:1}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:2rem}.logo-container{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.logo{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:0 4px 12px #3dccc74d}.auth-header h1{font-size:2rem;font-weight:700;color:var(--text-gradient-primary);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.auth-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.message{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;animation:slideIn .3s ease-out}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.success-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#16a34a;padding:.75rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem;animation:slideIn var(--transition-fast)}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:600;color:var(--text-primary);font-size:.875rem;letter-spacing:.025em}.input-group input{padding:1rem;border:2px solid transparent;background:#fffc;border-radius:12px;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a}.input-group input:focus{outline:none;border-color:var(--primary);background:#fffffff2;box-shadow:0 0 0 3px #3dccc733,0 4px 12px -1px #00000026;transform:translateY(-1px)}.input-group input:disabled{background:#f8f9facc;cursor:not-allowed;opacity:.7}.auth-actions{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3dccc74d;position:relative;overflow:hidden}.btn-primary: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-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3dccc766}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.loading-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-links{display:flex;justify-content:center;margin-top:.5rem}.auth-switch{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.link-button{background:none;border:none;color:var(--text-gradient-primary);font-weight:600;cursor:pointer;text-decoration:none;font-size:inherit;transition:all .2s ease;padding:.25rem .5rem;border-radius:6px}.link-button:hover{color:var(--hover);background:#3dccc71a}.link-button:disabled{color:#9ca3af;cursor:not-allowed}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.auth-footer p{color:var(--text-muted);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-container{min-height:100vh;background:var(--gradient-primary);position:relative;overflow-x:hidden}.dashboard-background{position:fixed;inset:0;background:var(--gradient-primary);z-index:0}.dashboard-background:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.dashboard-content{position:relative;z-index:1;padding:1rem;max-width:1400px;margin:0 auto}.dashboard-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:0 25px 50px -12px #00000026;animation:slideInUp .6s ease-out}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-title{display:flex;align-items:center;gap:1rem}.dashboard-logo{width:40px;height:40px;background:var(--gradient-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;box-shadow:0 4px 12px #3dccc74d}.dashboard-title h1{font-size:1.75rem;font-weight:700;color:var(--text-gradient-primary);margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.user-info{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.9rem}.user-avatar{width:36px;height:36px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.sign-out-btn{background:var(--gradient-accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #dc26264d}.sign-out-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc262666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;text-align:center;box-shadow:0 10px 25px #0000001a;transition:all .3s ease;animation:slideInUp .6s ease-out}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.stat-value{font-size:2rem;font-weight:700;color:var(--text-gradient-primary);margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.controls-section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 10px 25px #0000001a;animation:slideInUp .7s ease-out}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-weight:600;color:var(--text-primary);font-size:.875rem;letter-spacing:.025em}.enhanced-input,.enhanced-select{padding:.75rem;border:2px solid transparent;background:#fffc;border-radius:10px;font-size:.95rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px #0000001a}.enhanced-input:focus,.enhanced-select:focus{outline:none;border-color:var(--primary);background:#fffffff2;box-shadow:0 0 0 3px #3dccc733,0 4px 12px #00000026;transform:translateY(-1px)}.action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-enhanced{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3dccc74d;font-size:.875rem;white-space:nowrap}.btn-enhanced:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3dccc766}.btn-enhanced.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d}.btn-enhanced.secondary:hover{box-shadow:0 8px 25px #6b728066}.task-form{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 25px #0000001a;animation:slideInUp .8s ease-out}.task-form h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem;letter-spacing:.025em}.form-group input,.form-group select,.form-group textarea{padding:.875rem;border:2px solid transparent;background:#fffc;border-radius:10px;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px #0000001a}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:#fffffff2;box-shadow:0 0 0 3px #3dccc733,0 4px 12px #00000026;transform:translateY(-1px)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.task-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.5rem;box-shadow:0 10px 25px #0000001a;transition:all .3s ease;position:relative;overflow:hidden;animation:slideInUp .6s ease-out}.task-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--priority-color, var(--gradient-primary))}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.task-title{font-size:1.125rem;font-weight:700;color:var(--primary-dark);margin:0;line-height:1.4}.task-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.task-status.todo{background:linear-gradient(135deg,var(--warning-100),var(--warning-200));color:var(--warning-800)}.task-status.ongoing{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));color:var(--primary-700)}.task-status.done{background:linear-gradient(135deg,var(--success-100),var(--success-200));color:var(--success-700)}.task-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.task-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;font-size:.8rem}.task-meta-item{display:flex;align-items:center;gap:.25rem;color:var(--text-secondary)}.priority-badge{padding:.25rem .5rem;border-radius:12px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.priority-high{background:linear-gradient(135deg,var(--danger-100),var(--danger-200));color:var(--text-gradient-danger)}.priority-medium{background:linear-gradient(135deg,var(--warning-100),var(--warning-200));color:var(--warning-700)}.priority-low{background:linear-gradient(135deg,var(--success-100),var(--success-200));color:var(--text-gradient-success)}.task-actions{display:flex;gap:.5rem;flex-wrap:wrap}.task-btn{padding:.5rem .75rem;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:60px}.task-btn.edit{background:var(--gradient-warning);color:#fff;box-shadow:0 2px 8px #d977064d}.task-btn.delete{background:var(--gradient-accent);color:#fff;box-shadow:0 2px 8px #dc26264d}.task-btn.status{background:var(--gradient-secondary);color:#fff;box-shadow:0 2px 8px #0596694d}.task-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.analytics-panel{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 10px 25px #0000001a;animation:slideInUp .9s ease-out}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.analytics-title{font-size:1.5rem;font-weight:700;color:var(--primary-dark);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.chart-container{background:#fffc;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000001a}.chart-title{font-size:1.125rem;font-weight:600;color:var(--primary-dark);margin-bottom:1rem;text-align:center}.loading-spinner-container{display:flex;justify-content:center;align-items:center;padding:3rem}.loading-spinner-large{width:40px;height:40px;border:4px solid rgba(61,204,199,.2);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.empty-state p{font-size:.95rem;line-height:1.5}.task-card[data-priority=high]{--priority-color: var(--gradient-accent)}.task-card[data-priority=medium]{--priority-color: var(--gradient-warning)}.task-card[data-priority=low]{--priority-color: var(--gradient-secondary)}.chart-placeholder{text-align:center;padding:2rem;color:var(--text-secondary);background:#f7f8facc;border-radius:8px;border:2px dashed rgba(0,0,0,.1)}.chart-placeholder p{margin:.5rem 0;font-size:.9rem}.chart-placeholder p:first-child{font-weight:600;color:var(--primary-dark);margin-bottom:1rem}.loading-screen:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#3dccc799;border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#3dccc7cc}::selection{background:#3dccc74d;color:var(--text-primary)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.text-gradient-primary{color:var(--text-gradient-primary);text-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:600}.text-gradient-secondary{color:var(--text-gradient-secondary);text-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:600}.text-gradient-success{color:var(--text-gradient-success);text-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:600}.text-gradient-danger{color:var(--text-gradient-danger);text-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:600}.auth-header h1,.dashboard-title h1,.analytics-title,.stat-value{position:relative}.auth-header h1:after,.dashboard-title h1:after,.analytics-title:after,.stat-value:after{content:attr(data-text);position:absolute;top:0;left:0;z-index:-1;color:#0003;transform:translate(1px,1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}.btn-enhanced,.btn-primary,.task-btn{text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 12px #3dccc74d,inset 0 1px #fff3}.btn-enhanced:hover,.btn-primary:hover,.task-btn:hover{text-shadow:0 1px 3px rgba(0,0,0,.3)}.task-card,.stat-card,.auth-card,.task-form,.analytics-panel,.controls-section{border:1px solid rgba(255,255,255,.3);background:#fffffffa}.task-status,.priority-badge{border:1px solid rgba(0,0,0,.1);text-shadow:0 1px 1px rgba(255,255,255,.8)}.loading-screen{min-height:100vh;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.loading-screen:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.3}.loading-screen>*{position:relative;z-index:1}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.2);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.loading-screen p{color:#fff;font-size:1.125rem;font-weight:500;text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-radius:20px;border:1px solid rgba(255,255,255,.2)}@supports not (backdrop-filter: blur(20px)){.auth-card,.dashboard-header,.stat-card,.task-card,.task-form,.analytics-panel,.controls-section{background:#fffffff2!important;border:2px solid rgba(61,204,199,.1)}}@media (prefers-contrast: high){.auth-header h1,.dashboard-title h1,.analytics-title,.stat-value{color:var(--text)!important;text-shadow:none!important}.task-card,.auth-card,.stat-card{border:2px solid var(--border)!important}.btn-primary,.btn-enhanced,.task-btn{border:2px solid rgba(0,0,0,.2)!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.floating-shapes .shape{animation:none!important}}@media print{.auth-background,.dashboard-background,.floating-shapes{display:none!important}.auth-card,.dashboard-header,.task-card{background:#fff!important;box-shadow:none!important;border:1px solid #ccc!important}.auth-header h1,.dashboard-title h1,.analytics-title,.stat-value{color:#000!important;background:none!important;-webkit-text-fill-color:black!important}}@media (max-width: 768px){.auth-header h1,.dashboard-title h1{font-size:1.5rem}.analytics-title{font-size:1.25rem}.stat-value{font-size:1.75rem}}@media (max-width: 480px){.auth-header h1,.dashboard-title h1{font-size:1.375rem}.analytics-title{font-size:1.125rem}.stat-value{font-size:1.5rem}}