*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#667eea;--primary-dark:#5a67d8;--primary-light:#818cf8;--primary-rgb:102,126,234;--primary-alpha-03:rgba(var(--primary-rgb),.03);--primary-alpha-04:rgba(var(--primary-rgb),.04);--primary-alpha-05:rgba(var(--primary-rgb),.05);--primary-alpha-06:rgba(var(--primary-rgb),.06);--primary-alpha-08:rgba(var(--primary-rgb),.08);--primary-alpha-10:rgba(var(--primary-rgb),.1);--primary-alpha-12:rgba(var(--primary-rgb),.12);--primary-alpha-15:rgba(var(--primary-rgb),.15);--primary-alpha-20:rgba(var(--primary-rgb),.2);--primary-alpha-25:rgba(var(--primary-rgb),.25);--primary-alpha-30:rgba(var(--primary-rgb),.3);--primary-alpha-35:rgba(var(--primary-rgb),.35);--primary-alpha-40:rgba(var(--primary-rgb),.4);--primary-alpha-45:rgba(var(--primary-rgb),.45);--primary-alpha-50:rgba(var(--primary-rgb),.5);--primary-alpha-60:rgba(var(--primary-rgb),.6);--primary-alpha-70:rgba(var(--primary-rgb),.7);--primary-alpha-80:rgba(var(--primary-rgb),.8);--primary-alpha-85:rgba(var(--primary-rgb),.85);--primary-dark-rgb:90,103,216;--primary-dark-alpha-90:rgba(var(--primary-dark-rgb),.9);--text-dark:#111;--text-medium:#333;--text-light:#555;--text-muted:#64748b;--bg-white:#fff;--bg-gray:#f7f7f7;--bg-gradient:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);--border:#e3e3e3;--border-light:#eee;--border-primary:1px solid var(--primary-alpha-10);--success:#4caf50;--warning:#ff9800;--error:#f44336;--danger:#ef4444;--shadow:0 4px 20px var(--primary-alpha-10);--shadow-hover:0 8px 30px var(--primary-alpha-15);--shadow-primary-sm:0 4px 12px var(--primary-alpha-30);--shadow-primary-md:0 8px 24px var(--primary-alpha-25);--shadow-primary-lg:0 12px 32px var(--primary-alpha-35);--shadow-primary-xl:0 20px 60px var(--primary-alpha-15);--glass:#fffc;--radius:8px}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-gradient);max-width:100vw;color:var(--text-medium);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.8;position:relative;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(to right,var(--primary-alpha-04)1px,transparent 1px),linear-gradient(to bottom,var(--primary-alpha-04)1px,transparent 1px);z-index:-1;pointer-events:none;background-size:40px 40px;animation:20s ease-in-out infinite gridPulse;position:fixed;inset:-40px}@keyframes gridPulse{0%,to{opacity:.3}50%{opacity:.6}}a{color:inherit;text-decoration:none}h1{color:var(--primary);text-shadow:0 2px 4px #00000014;letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}h2{color:var(--text-dark);border-bottom:2px solid var(--bg-gray);margin-bottom:20px;padding-bottom:10px;font-size:22px}h3{color:var(--text-dark);margin-bottom:15px;font-size:18px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes statGlow{0%,to{transform:translate(0)}50%{transform:translate(-20%,-20%)}}.container{max-width:1400px;margin:0 auto;padding:20px}header,.header{background:var(--glass);-webkit-backdrop-filter:blur(10px);border-bottom:2px solid var(--primary);box-shadow:var(--shadow);z-index:1000;align-items:center;gap:16px;margin-bottom:30px;padding:20px 40px;animation:.6s ease-out fadeInDown;display:flex;position:sticky;top:0}.header-content{flex:1}.subtitle{color:var(--text-light);margin-top:5px;font-size:14px}.header-actions{align-items:center;gap:12px;display:flex}.nav,.tabs{background:var(--glass);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:var(--primary)var(--bg-gray);border-radius:12px;gap:5px;margin-bottom:30px;padding:10px 20px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{height:4px}.nav::-webkit-scrollbar{height:4px}.tabs::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:2px}.nav::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:2px}.tabs::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.nav::-webkit-scrollbar-thumb{background:var(--primary);border-radius:2px}.nav-list{gap:5px;list-style:none;display:flex}.nav-link,.tab{cursor:pointer;color:var(--text-light);white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.nav-link:before,.tab:before{content:"";background:linear-gradient(135deg,var(--primary)0%,var(--primary-light)100%);opacity:0;z-index:-1;border-radius:8px;transition:opacity .3s;position:absolute;inset:0}.nav-link:hover,.tab:hover{color:var(--primary);box-shadow:var(--shadow-primary-sm);transform:translateY(-2px)}.nav-link:hover:before,.tab:hover:before{opacity:.1}.nav-link.active,.tab.active{color:#fff;box-shadow:0 4px 12px var(--primary-alpha-40),0 8px 24px var(--primary-alpha-25),inset 0 1px 0 #fff3;font-weight:600;transform:translateY(-1px)}.nav-link.active:before,.tab.active:before{opacity:1}.tab-icon{vertical-align:middle;width:20px;height:20px}.main{max-width:1400px;margin:0 auto;padding:0 24px 24px}.card{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-light);box-shadow:var(--shadow);border-radius:12px;min-height:60px;margin-bottom:20px;padding:25px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out fadeInUp}.card:hover{box-shadow:var(--shadow-hover);border-color:var(--border);transform:translateY(-2px)}.card-title{color:var(--text-dark);margin-bottom:16px;font-size:18px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;text-align:center;box-shadow:var(--shadow-primary-md);border-radius:12px;min-height:100px;padding:25px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s ease-out fadeInUp;position:relative;overflow:hidden}.stat-card:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:8s ease-in-out infinite statGlow;position:absolute;top:-50%;right:-50%}.stat-card:hover{box-shadow:var(--shadow-primary-lg);transform:translateY(-4px)scale(1.02)}.stat-value{z-index:1;margin-bottom:5px;font-size:36px;font-weight:600;position:relative}.stat-label{opacity:.9;z-index:1;font-size:13px;position:relative}.form-group{margin-bottom:20px}.form-group label{color:var(--text-dark);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha-10);outline:none}.form-group textarea{resize:vertical;min-height:120px}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:linear-gradient(45deg,#0000,#ffffff4d,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:before{transform:translate(100%)}.btn-primary{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:#fff;box-shadow:var(--shadow-primary-sm)}.btn-primary:hover{box-shadow:var(--shadow-primary-md);transform:translateY(-2px)}.btn-secondary{-webkit-backdrop-filter:blur(10px);color:var(--text-dark);background:linear-gradient(135deg,#fff 0%,#f8fafb 100%);border:1px solid #00000014;box-shadow:0 2px 8px #0000000a}.btn-secondary:hover{border-color:var(--primary-alpha-30);box-shadow:0 4px 12px var(--primary-alpha-15);background:#fff;transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg,var(--error)0%,#d32f2f 100%);color:#fff;box-shadow:0 4px 12px #f443364d}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f4433666}.btn-success{background:linear-gradient(135deg,var(--success)0%,#388e3c 100%);color:#fff;box-shadow:0 4px 12px #4caf504d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.btn-small{padding:8px 16px;font-size:13px}.task-list{list-style:none}.task-item{border:1px solid var(--border);background:var(--bg-white);border-radius:8px;align-items:center;gap:15px;margin-bottom:10px;padding:15px;transition:all .2s;display:flex}.task-item:hover{box-shadow:var(--shadow);border-color:var(--primary-alpha-20)}.task-checkbox{cursor:pointer;width:20px;height:20px;accent-color:var(--primary)}.task-content{flex:1}.task-title{color:var(--text-dark);font-weight:500}.task-title.completed{color:var(--text-muted);text-decoration:line-through}.task-delete{color:var(--error);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;transition:all .2s}.task-delete:hover{background:#f443361a}.priority-high{border-left:4px solid var(--error)}.priority-medium{border-left:4px solid var(--warning)}.priority-low{border-left:4px solid var(--success)}.progress-bar{background:var(--bg-gray);border-radius:4px;height:8px;margin-top:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--primary)0%,var(--primary-dark)100%);height:100%;transition:width .3s}.alert{border-radius:8px;margin-bottom:20px;padding:15px}.alert-info{color:#1565c0;background:#e3f2fd;border-left:4px solid #2196f3}.alert-success{border-left:4px solid var(--success);color:#2e7d32;background:#e8f5e9}.alert-warning{border-left:4px solid var(--warning);color:#e65100;background:#fff3e0}.alert-error{border-left:4px solid var(--error);color:#c62828;background:#ffebee}.login-container{background:linear-gradient(135deg,var(--primary),#764ba2);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";background-image:linear-gradient(90deg,#ffffff1a 1px,#0000 1px),linear-gradient(#ffffff1a 1px,#0000 1px);background-size:40px 40px;animation:20s ease-in-out infinite gridPulse;position:absolute;inset:-40px}.login-card{background:var(--glass);-webkit-backdrop-filter:blur(20px);text-align:center;z-index:1;border-radius:20px;width:100%;max-width:420px;padding:48px;animation:.6s ease-out fadeInUp;position:relative;box-shadow:0 25px 80px #0000004d}.login-card h1{color:var(--text-dark);margin-bottom:8px;font-size:28px}.login-card p{color:var(--text-muted);margin-bottom:32px}.empty-state{text-align:center;color:var(--text-muted);padding:60px 40px}.empty-state-icon{opacity:.5;width:64px;height:64px;margin-bottom:16px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:32px;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 25px 80px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{border:none;margin:0;padding:0;font-size:20px}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:24px;line-height:1}.modal-close:hover{color:var(--text-dark)}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@media (max-width:768px){.container{padding:10px}header,.header{flex-direction:column;gap:10px;padding:15px 20px}h1{font-size:20px}.subtitle{font-size:12px}.nav,.tabs{gap:3px;padding:8px 12px;overflow-x:auto}.nav-link,.tab{padding:10px 14px;font-size:13px}.main{padding:0 15px 15px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:20px}.stat-value{font-size:28px}.card{margin-bottom:15px;padding:20px}.card h3{font-size:16px}.form-group input,.form-group textarea,.form-group select{padding:10px;font-size:16px}.btn{padding:12px 18px;font-size:14px}.modal{margin:20px;padding:24px}.login-card{margin:20px;padding:32px}}@media (max-width:480px){.container{padding:8px}header,.header{padding:12px 15px}h1{font-size:18px}.nav-link,.tab{padding:8px 10px;font-size:12px}.section h2{font-size:18px}.card h3{font-size:15px}}@media (min-width:769px) and (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.container{max-width:1600px}.stats-grid{grid-template-columns:repeat(4,1fr)}}img{aspect-ratio:auto;max-width:100%;height:auto}.skeleton-placeholder{background:linear-gradient(90deg,var(--bg-gray)25%,var(--bg-white)50%,var(--bg-gray)75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}body.modal-open{padding-right:var(--scrollbar-width,0);overflow:hidden}html{font-size-adjust:.5}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}