@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-primary-light:#e0e7ff;--color-primary-muted:#6366f11f;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-danger:#ef4444;--color-danger-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--bg-app:#f8f9fc;--bg-surface:#fff;--bg-surface-hover:#f1f3f9;--bg-sidebar:#fff;--bg-topbar:#ffffffd9;--bg-input:#f4f5f7;--bg-modal:#fff;--bg-overlay:#0f0f2373;--bg-skeleton:#e5e7eb;--bg-skeleton-shine:#f3f4f6;--bg-kanban:#f1f3f9;--bg-card:#fff;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--text-placeholder:#9ca3af;--border-color:#e5e7eb;--border-focus:#6366f1;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 1px 4px #0000000a;--shadow-lg:0 8px 32px #0000001a, 0 2px 8px #0000000f;--shadow-xl:0 20px 60px #00000024;--shadow-primary:0 4px 20px #6366f140;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-md:15px;--font-size-lg:17px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--sidebar-width:240px;--topbar-height:64px}[data-theme=dark]{--bg-app:#0f1117;--bg-surface:#161b27;--bg-surface-hover:#1e2535;--bg-sidebar:#161b27;--bg-topbar:#161b27e6;--bg-input:#1e2535;--bg-modal:#1a2030;--bg-overlay:#000000a6;--bg-skeleton:#1e2535;--bg-skeleton-shine:#252d40;--bg-kanban:#131720;--bg-card:#1e2535;--text-primary:#f0f2f8;--text-secondary:#8b95a8;--text-tertiary:#5c6474;--text-placeholder:#5c6474;--border-color:#252d40;--color-primary-light:#6366f12e;--color-primary-muted:#6366f11a;--color-success-light:#10b98126;--color-warning-light:#f59e0b26;--color-danger-light:#ef444426;--color-info-light:#3b82f626;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 20px 60px #0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes toastIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;max-height:80px;margin-bottom:8px;transform:translate(0)}to{opacity:0;max-height:0;margin-bottom:0;transform:translate(110%)}}.animate-fade-in{animation:.2s forwards fadeIn}.animate-fade-in-up{animation:.3s forwards fadeInUp}.animate-scale-in{animation:.2s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.animate-spin{animation:.8s linear infinite spin}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-app);transition:background var(--transition-slow), color var(--transition-slow);min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-md)}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-root{background:var(--bg-app);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-bg-blob{filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.auth-bg-blob--1{background:radial-gradient(circle,#6366f1,#8b5cf6);width:500px;height:500px;top:-180px;left:-120px}.auth-bg-blob--2{background:radial-gradient(circle,#06b6d4,#3b82f6);width:400px;height:400px;bottom:-140px;right:-100px}.auth-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);width:100%;max-width:440px;padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-xl);z-index:1;animation:.4s forwards fadeInUp;position:relative}.auth-logo{align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);display:flex}.auth-logo__icon{background:linear-gradient(135deg, var(--color-primary), #8b5cf6);border-radius:var(--border-radius-md);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-primary);justify-content:center;align-items:center;display:flex}.auth-logo__text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.3px}.auth-card__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.5px;margin-bottom:var(--space-1)}.auth-card__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-8)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-footer{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--text-secondary)}.auth-footer a{font-weight:var(--font-weight-semibold);color:var(--color-primary)}.dashboard-root{background:var(--bg-app);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;min-height:100vh;transition:transform var(--transition-base), background var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar__header{height:var(--topbar-height);padding:0 var(--space-5);border-bottom:1px solid var(--border-color);align-items:center;gap:var(--space-3);display:flex}.sidebar__logo-icon{background:linear-gradient(135deg, var(--color-primary), #8b5cf6);border-radius:var(--border-radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar__logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.3px}.sidebar__nav{padding:var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar__section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:var(--space-3) var(--space-3) var(--space-2)}.sidebar__item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;font-family:var(--font-family);background:0 0;border:none;display:flex}.sidebar__item:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar__item.active{background:var(--color-primary-muted);color:var(--color-primary)}.sidebar__item svg{flex-shrink:0}.sidebar__footer{padding:var(--space-4);border-top:1px solid var(--border-color);gap:var(--space-1);flex-direction:column;display:flex}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--border-radius-md);display:flex}.sidebar__avatar{background:linear-gradient(135deg, var(--color-primary), #8b5cf6);color:#fff;width:32px;height:32px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__user-info{min-width:0}.sidebar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__user-role{font-size:var(--font-size-xs);color:var(--text-tertiary)}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);background:var(--bg-topbar);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:0 var(--space-6);z-index:90;transition:background var(--transition-slow);justify-content:space-between;align-items:center;display:flex;position:fixed;right:0}.topbar__left{align-items:center;gap:var(--space-4);flex:1;display:flex}.topbar__right{align-items:center;gap:var(--space-3);display:flex}.topbar__page-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.3px}.topbar__search{flex:1;max-width:380px;position:relative}.topbar__search-icon{left:var(--space-3);color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.topbar__search-input{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) 36px;background:var(--bg-input);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--transition-fast);border:1px solid #0000;outline:none}.topbar__search-input:focus{border-color:var(--border-focus);background:var(--bg-surface);box-shadow:0 0 0 3px var(--color-primary-muted)}.topbar__search-input::placeholder{color:var(--text-placeholder)}.main-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height));padding:var(--space-8);flex:1;animation:.3s fadeIn}.kanban-board{gap:var(--space-5);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.kanban-column{background:var(--bg-kanban);border-radius:var(--border-radius-lg);padding:var(--space-4);min-height:200px;animation:.3s forwards fadeInUp}.kanban-column__header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.kanban-column__title-row{align-items:center;gap:var(--space-2);display:flex}.kanban-column__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kanban-column__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em}.kanban-column__count{background:var(--bg-surface);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full);border:1px solid var(--border-color);padding:2px 8px}.kanban-column__cards{gap:var(--space-3);flex-direction:column;display:flex}.task-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:default;animation:.25s forwards fadeInUp;position:relative;overflow:hidden}.task-card:before{content:"";opacity:0;width:3px;height:100%;transition:opacity var(--transition-fast);position:absolute;top:0;left:0}.task-card:hover{box-shadow:var(--shadow-md);border-color:#0000;transform:translateY(-1px)}.task-card:hover:before{opacity:1}.task-card--PENDING:before{background:var(--color-warning)}.task-card--IN_PROGRESS:before{background:var(--color-info)}.task-card--COMPLETED:before{background:var(--color-success)}.task-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.task-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight);flex:1}.task-card__actions{gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);display:flex}.task-card:hover .task-card__actions{opacity:1}.task-card__action-btn{border-radius:var(--border-radius-sm);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);color:var(--text-tertiary);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.task-card__action-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.task-card__action-btn--danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.task-card__desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.task-card__footer{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.task-card__date{font-size:var(--font-size-xs);color:var(--text-tertiary);align-items:center;gap:4px;display:flex}.badge{border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;display:inline-flex}.badge--PENDING{background:var(--color-warning-light);color:#92400e}[data-theme=dark] .badge--PENDING{color:#fcd34d}.badge--IN_PROGRESS{background:var(--color-info-light);color:#1e40af}[data-theme=dark] .badge--IN_PROGRESS{color:#93c5fd}.badge--COMPLETED{background:var(--color-success-light);color:#065f46}[data-theme=dark] .badge--COMPLETED{color:#6ee7b7}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-5);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-family:var(--font-family);border:1px solid #0000;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#ffffff1f;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(135deg, var(--color-primary), #4f46e5);color:#fff;box-shadow:var(--shadow-primary)}.btn--primary:hover{box-shadow:0 6px 24px #6366f159}.btn--ghost{color:var(--text-secondary);border-color:var(--border-color);background:0 0}.btn--ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:#0000}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{background:#dc2626}.btn--sm{font-size:var(--font-size-xs);padding:6px 14px}.btn--lg{padding:14px var(--space-8);font-size:var(--font-size-md)}.btn--full{width:100%}.btn--icon{border-radius:var(--border-radius-md);padding:8px}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.input-wrapper{position:relative}.input-field{width:100%;padding:11px var(--space-4);background:var(--bg-input);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);border:1.5px solid #0000;outline:none}.input-field:focus{border-color:var(--border-focus);background:var(--bg-surface);box-shadow:0 0 0 3px var(--color-primary-muted)}.input-field::placeholder{color:var(--text-placeholder)}.input-field--error{border-color:var(--color-danger)!important}.input-field--error:focus{box-shadow:0 0 0 3px #ef444426}.input-field.textarea{resize:vertical;min-height:90px;line-height:var(--line-height-relaxed)}.input-error{font-size:var(--font-size-xs);color:var(--color-danger);align-items:center;gap:4px;display:flex}.modal-overlay{background:var(--bg-overlay);z-index:1000;padding:var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl);animation:.22s cubic-bezier(.34,1.56,.64,1) scaleIn;overflow:hidden}.modal-header{padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:-.3px}.modal-close{border-radius:var(--border-radius-sm);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.modal-body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex}.modal-footer{padding:var(--space-4) var(--space-6) var(--space-6);justify-content:flex-end;gap:var(--space-3);display:flex}.confirm-icon{background:var(--color-danger-light);width:52px;height:52px;margin:0 auto var(--space-4);color:var(--color-danger);border-radius:50%;justify-content:center;align-items:center;display:flex}.confirm-text{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.confirm-title{text-align:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;animation:.7s linear infinite spin;display:inline-block}.spinner--sm{width:14px;height:14px}.spinner--md{width:20px;height:20px}.spinner--lg{border-width:3px;width:32px;height:32px}.skeleton{background:linear-gradient(90deg, var(--bg-skeleton) 25%, var(--bg-skeleton-shine) 50%, var(--bg-skeleton) 75%);border-radius:var(--border-radius-sm);background-size:800px 100%;animation:1.4s infinite shimmer}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.toast-container{top:var(--space-5);right:var(--space-5);z-index:9999;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:all;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-modal);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:400px;animation:.3s forwards toastIn;display:flex;position:relative;overflow:hidden}.toast.removing{animation:.35s forwards toastOut}.toast__accent{width:3px;height:100%;position:absolute;top:0;left:0}.toast--success .toast__accent{background:var(--color-success)}.toast--error .toast__accent{background:var(--color-danger)}.toast--warning .toast__accent{background:var(--color-warning)}.toast--info .toast__accent{background:var(--color-info)}.toast__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-danger)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info .toast__icon{color:var(--color-info)}.toast__content{flex:1;min-width:0}.toast__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.toast__message{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.toast__close{color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:2px}.toast__close:hover{color:var(--text-primary)}.empty-state{padding:var(--space-10) var(--space-6);text-align:center;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{margin-bottom:var(--space-4);opacity:.5}.empty-state__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state__desc{font-size:var(--font-size-sm)}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.5px}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-1)}.stats-row{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--space-5);align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast);display:flex}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card__icon{border-radius:var(--border-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.5px;line-height:1}.stat-card__label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--font-weight-semibold);margin-top:4px}.theme-toggle{border-radius:var(--border-radius-md);background:var(--bg-input);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.status-select{background:var(--bg-input);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:1.5px solid #0000;outline:none;width:100%;padding:8px 12px}.status-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-muted)}.status-select option{background:var(--bg-surface)}.profile-grid{gap:var(--space-6);grid-template-rows:auto auto;grid-template-columns:280px 1fr;align-items:start;display:grid}.profile-avatar-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--space-8) var(--space-6);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;grid-row:span 2;align-items:center;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--color-primary), #8b5cf6);color:#fff;width:80px;height:80px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);box-shadow:var(--shadow-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.profile-avatar-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.profile-avatar-email{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--space-4);word-break:break-all}.profile-role-badge{background:var(--color-primary-muted);color:var(--color-primary);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;gap:6px;padding:5px 14px;display:inline-flex}.profile-section-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--border-radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.profile-section-card--full{grid-column:2}.profile-section-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-color);display:flex}.profile-section-icon{border-radius:var(--border-radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.profile-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.profile-section-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary)}.profile-form{gap:var(--space-5);flex-direction:column;display:flex}.profile-form--pw{gap:var(--space-4);grid-template-columns:1fr 1fr 1fr;display:grid}.profile-form--pw .profile-form-footer{grid-column:span 3}.profile-form-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.profile-saved-msg{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-success);align-items:center;gap:6px;animation:.2s fadeIn;display:flex}.pw-toggle-btn{color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pw-toggle-btn:hover{color:var(--text-primary)}.auth-success-banner{background:var(--color-success-light);color:var(--color-success);padding:var(--space-5) var(--space-4);border-radius:var(--border-radius-lg);text-align:center;font-weight:var(--font-weight-semibold);animation:.3s fadeInUp}.auth-error-banner{background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:10px 14px}@media (width<=1024px){.kanban-board{grid-template-columns:repeat(2,1fr)}.stats-row{grid-template-columns:repeat(3,1fr)}.profile-grid{grid-template-columns:240px 1fr}.profile-form--pw{grid-template-columns:1fr 1fr}.profile-form--pw .profile-form-footer{grid-column:span 2}}@media (width<=768px){:root{--sidebar-width:0px}.sidebar{width:240px;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}.topbar{left:0}.main-content{padding:var(--space-4);margin-left:0}.kanban-board{grid-template-columns:1fr}.stats-row{gap:var(--space-3);grid-template-columns:1fr}.auth-card{padding:var(--space-8) var(--space-5)}.page-header{flex-direction:column;align-items:flex-start}.profile-grid{grid-template-columns:1fr}.profile-avatar-card{grid-row:span 1}.profile-section-card--full{grid-column:1}.profile-form--pw{grid-template-columns:1fr}.profile-form--pw .profile-form-footer{grid-column:span 1}}