.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:60px;padding:0 24px;background:var(--bg-card);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--border-primary);box-shadow:0 4px 20px rgba(0,0,0,.05)}.header,.header-container{display:flex;align-items:center}.header-container{max-width:1400px;width:100%;margin:0 auto;justify-content:space-between;position:relative;gap:12px}.mobile-burger{display:none;background:transparent;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s}.mobile-burger:hover{background:var(--bg-tertiary)}@media (max-width:768px){.mobile-burger{display:flex;align-items:center;justify-content:center}}.header-brand{display:flex;align-items:center;gap:10px;text-decoration:none;transition:transform .2s ease;position:relative;z-index:2}.header-brand:hover{transform:scale(1.02)}.header-logo{width:34px;height:34px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary)}.header-logo .logo-text{font-size:12px;font-weight:700;color:var(--text-inverse);letter-spacing:.5px}.header-title{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.header-nav{display:flex;align-items:center;gap:32px;position:absolute;left:50%;transform:translateX(-50%)}.nav-link{font-size:14px;font-weight:600;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;position:relative;white-space:nowrap}.nav-link:hover{color:var(--primary)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width .2s ease}.nav-link:hover:after{width:100%}.board-link{color:var(--primary);font-weight:700}.header-actions{display:flex;align-items:center;gap:20px;position:relative;z-index:2}.header-toggles{display:flex;align-items:center;gap:12px}.header-login-btn{padding:10px 24px;background:var(--primary);color:var(--text-inverse);font-weight:700;font-size:15px;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:var(--shadow-primary)}.header-login-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--primary-light)}.header-user{display:flex;align-items:center;gap:10px;padding:5px 12px;border-radius:50px;background:var(--bg-secondary);border:1px solid var(--border-primary)}.header-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.header-user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.header-user-group{display:flex;align-items:center;gap:12px}.header-logout-btn{padding:6px 16px;background:transparent;color:var(--text-secondary);font-weight:600;font-size:14px;border-radius:50px;border:1px solid var(--border-primary);cursor:pointer;transition:all .2s ease}.header-logout-btn:hover{background:var(--bg-secondary);color:#ef4444;border-color:#fca5a5}@media (max-width:1024px){.header-nav{display:none}}@media (max-width:768px){.header{height:70px;padding:0 16px}.header-title{display:none}.header-actions{gap:12px}}.form-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;position:relative}.form-card{width:100%;max-width:420px;padding:48px 40px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--border-card);box-shadow:var(--shadow-xl);animation:cardAppear .5s ease-out}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.form-header{text-align:center;margin-bottom:32px}.form-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.5px}.form-subtitle{margin:0;line-height:1.5}.form-footer,.form-subtitle{font-size:15px;color:var(--text-secondary)}.form-footer{text-align:center;margin-top:28px}.form-footer a{color:var(--primary);font-weight:600;text-decoration:none;transition:color .2s ease}.form-footer a:hover{color:var(--primary-dark);text-decoration:underline}.logo{margin-bottom:24px}.logo,.logo .logo-circle{display:flex;justify-content:center}.logo .logo-circle{width:72px;height:72px;border-radius:50%;background:var(--gradient-primary);align-items:center;box-shadow:var(--shadow-primary);animation:logoFloat 3s ease-in-out infinite}.logo--sm .logo-circle{width:48px;height:48px}.logo--md .logo-circle{width:72px;height:72px}.logo--lg .logo-circle{width:96px;height:96px}.logo .logo-text{font-size:22px;font-weight:700;color:var(--text-inverse);letter-spacing:1px}.logo--sm .logo-text{font-size:16px}.logo--md .logo-text{font-size:22px}.logo--lg .logo-text{font-size:28px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:14px;font-weight:600;color:var(--text-primary)}.input-field{width:100%;padding:14px 16px;font-size:15px;color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;outline:none;transition:all .2s ease}.input-field::placeholder{color:var(--text-tertiary)}.input-field:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 4px rgba(20,184,166,.1)}.dark .input-field:focus{box-shadow:0 0 0 4px rgba(168,85,247,.1)}.input-field:disabled{opacity:.6;cursor:not-allowed}.input-field--error{border-color:#ef4444}.error-message{font-size:13px;color:#ef4444;font-weight:500}.btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;font-size:16px;font-weight:600;color:var(--text-inverse);border:none;border-radius:14px;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:active:not(:disabled){transform:translateY(0)}.btn--primary{background:var(--gradient-primary);box-shadow:var(--shadow-primary);margin-top:4px}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(20,184,166,.35),0 2px 6px rgba(20,184,166,.25)}.dark .btn--primary:hover:not(:disabled){box-shadow:0 8px 20px rgba(168,85,247,.4),0 2px 6px rgba(168,85,247,.3)}.btn--github{background:var(--gradient-secondary);box-shadow:0 4px 12px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.1)}.btn--github:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.1);background:linear-gradient(135deg,#374151,#1f2937)}.dark .btn--github{background:linear-gradient(135deg,#6b21a8,#581c87)}.dark .btn--github:hover{background:linear-gradient(135deg,#7e22ce,#6b21a8)}.btn--secondary{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-card)}.btn--secondary:hover:not(:disabled){background:var(--bg-card-hover)}.form-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 16px;margin-bottom:20px;color:#dc2626;font-size:14px;font-weight:500;text-align:center}.form-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.form-divider:after,.form-divider:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.4) 50%,transparent)}.form-divider span{font-size:13px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;font-weight:500}.form-fields{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.form-decoration{position:absolute;border-radius:50%;pointer-events:none;z-index:-1}.form-decoration--1{width:200px;height:200px;top:10%;right:10%;background:radial-gradient(circle,var(--decor-1) 0,transparent 70%);animation:decorFloat 6s ease-in-out infinite;transition:background .3s ease}.form-decoration--2{width:150px;height:150px;bottom:15%;left:10%;background:radial-gradient(circle,var(--decor-2) 0,transparent 70%);animation:decorFloat 8s ease-in-out infinite reverse;transition:background .3s ease}@keyframes decorFloat{0%,to{transform:translate(0)}33%{transform:translate(10px,-10px)}66%{transform:translate(-5px,5px)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(20,184,166,.2);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:16px}@media (max-width:480px){.form-card{padding:36px 24px;border-radius:20px}.form-title{font-size:24px}.logo--md .logo-circle{width:64px;height:64px}.logo--md .logo-text{font-size:20px}.btn{padding:14px 20px;font-size:15px}.input-field{padding:12px 14px}}.board-skeleton-wrapper{position:relative;min-height:100vh}.board-skeleton{position:relative;margin-left:260px}@media (max-width:768px){.board-skeleton{margin-left:0}.sidebar-skeleton{display:none}}.sidebar-link--skeleton{cursor:default;pointer-events:none}.sidebar-link--skeleton:hover{background:transparent}.skeleton-icon{width:20px;height:20px;border-radius:6px;background:var(--border-primary)}.skeleton-bar--sidebar-label{width:110px;height:12px}.skeleton-bar--sidebar-version{width:130px;height:10px;margin:12px 16px}.board-skeleton .kanban-board{position:relative;overflow-x:hidden}.board-skeleton .kanban-board:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:linear-gradient(90deg,transparent 45%,rgba(255,255,255,.06) 50%,transparent 55%);background-size:220% 100%;background-position:-110% 0;animation:skeletonShimmer 2.9s linear infinite}.dark .board-skeleton .kanban-board:after{background:linear-gradient(90deg,transparent 45%,rgba(255,255,255,.025) 50%,transparent 55%);background-size:220% 100%;background-position:-110% 0}@keyframes skeletonShimmer{0%{background-position:-110% 0}to{background-position:210% 0}}.task-card--skeleton{cursor:default;pointer-events:none}.task-card--skeleton:hover{transform:none;box-shadow:var(--shadow-md);border-color:var(--border-card);background:var(--bg-card)}.create-task-btn.skeleton-button{background:var(--bg-tertiary);box-shadow:none;cursor:default;pointer-events:none}.create-task-btn.skeleton-button:hover{transform:none;filter:none;box-shadow:none}.skeleton-bar{background:var(--border-primary);border-radius:6px;height:12px}.skeleton-bar--page-title{width:180px;height:28px;border-radius:8px}.skeleton-bar--button{width:110px;height:16px;background:rgba(255,255,255,.4)}.dark .skeleton-bar--button{background:rgba(255,255,255,.2)}.skeleton-bar--column-title{width:90px;height:12px}.skeleton-bar--count{width:28px;height:18px;border-radius:100px}.skeleton-bar--key{width:64px;height:18px;border-radius:6px}.skeleton-bar--card-title{width:85%;height:14px;margin-bottom:.5rem}.skeleton-bar--card-line{width:100%;height:10px}.skeleton-bar--card-line-short{width:65%}.skeleton-bar--priority{width:64px;height:18px;border-radius:100px}.skeleton-dot{width:10px;height:10px}.skeleton-avatar,.skeleton-dot{border-radius:50%;background:var(--border-primary)}.skeleton-avatar{width:28px;height:28px;border:2px solid var(--bg-card);flex-shrink:0}