:root{--black-900: #0a0a0f;--black-800: #12121a;--black-700: #1c1c28;--black-600: #26263a;--purple-600: #7c3aed;--purple-500: #8b5cf6;--purple-400: #a78bfa;--purple-100: #ede9fe;--white-100: #ffffff;--white-80: #f5f5fa;--white-40: #9999b3;--white-20: #55556a;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--font-heading: "Outfit", "Gilroy", system-ui, sans-serif;--font-body: "Poppins", system-ui, sans-serif;--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;--radius-card: 16px;--radius-button: 10px;--radius-input: 10px;--radius-badge: 6px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .4), 0 4px 16px rgba(124, 58, 237, .08);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .5), 0 0 0 1px rgba(124, 58, 237, .15);--shadow-glow: 0 0 0 3px rgba(124, 58, 237, .25);--transition-default: all .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .28s cubic-bezier(.25, .46, .45, .94);--transition-spring: all .32s cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.main-content.page-enter{animation:fadeIn .3s ease-out}html{scroll-behavior:smooth}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;font-family:var(--font-body);font-size:14px;color:var(--white-100);background-color:var(--black-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;margin:0;line-height:1.3}.main-content .page-title{margin-bottom:var(--space-2);line-height:1.25}a{color:var(--purple-400);text-decoration:none;transition:var(--transition-default)}a:hover{color:var(--purple-500)}button{font-family:var(--font-body);cursor:pointer;transition:var(--transition-default)}input,textarea,select{font-family:var(--font-body);transition:border-color .2s ease,box-shadow .2s ease}[data-theme=light]{--black-900: #f5f5fa;--black-800: #ffffff;--black-700: #f0f0f5;--black-600: #e5e5ec;--white-100: #0a0a0f;--white-80: #1a1a2e;--white-40: #55556a;--white-20: #6b6b80;--purple-100: #2d1b4e;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 16px rgba(124, 58, 237, .12);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .1), 0 0 0 1px rgba(124, 58, 237, .1);--text-primary: #0a0a0f;--text-secondary: #3a3a4a;--text-muted: #6b6b80;--surface-bg: #f5f5fa;--surface-card: #ffffff;--btn-primary-text: #ffffff;--btn-ghost-border: #7c3aed;--btn-ghost-text: #7c3aed;--link-color: #5b21b6;--link-hover: #7c3aed}[data-theme=light] html,[data-theme=light] body,[data-theme=light] #root{color:var(--text-primary);background-color:var(--surface-bg)}.btn-primary{color:#fff!important}[data-theme=light] .btn-primary{background-color:var(--purple-600)!important}[data-theme=light] .btn-primary:disabled{opacity:.85;color:#fff!important}.pill.active,.card-logo,.project-logo,.chip-finalized,.item-num,.status-tag,.btn-add-item,.btn-confirm,.btn-add,.addon-modal .type-toggle button.active,.avatar-large,.node-avatar,.kpis-tabs button.active,.client-logo-placeholder,.btn-export,.btn-open,.status-chip.status-finalized,.avatar-circle,.user-avatar,[data-theme=light] .pill.active,[data-theme=light] .card-logo,[data-theme=light] .project-logo,[data-theme=light] .chip-finalized,[data-theme=light] .item-num,[data-theme=light] .status-tag,[data-theme=light] .btn-add-item,[data-theme=light] .btn-confirm,[data-theme=light] .btn-add,[data-theme=light] .addon-modal .type-toggle button.active,[data-theme=light] .avatar-large,[data-theme=light] .node-avatar,[data-theme=light] .kpis-tabs button.active,[data-theme=light] .client-logo-placeholder,[data-theme=light] .btn-export,[data-theme=light] .btn-open,[data-theme=light] .status-chip.status-finalized,[data-theme=light] .avatar-circle,[data-theme=light] .user-avatar{color:#fff!important}[data-theme=light] .btn-ghost{color:var(--btn-ghost-text)!important;border-color:var(--btn-ghost-border)!important;background-color:transparent!important}[data-theme=light] .btn-ghost:hover{background-color:#7c3aed14!important}[data-theme=light] a,[data-theme=light] .widget-link,[data-theme=light] .my-tasks-view-all,[data-theme=light] .back-link,[data-theme=light] .back-btn,[data-theme=light] .add-team-btn,[data-theme=light] .mark-all,[data-theme=light] .link,[data-theme=light] .log-link,[data-theme=light] .media-download{color:var(--link-color)!important}[data-theme=light] a:hover,[data-theme=light] .widget-link:hover,[data-theme=light] .my-tasks-view-all:hover,[data-theme=light] .back-link:hover,[data-theme=light] .back-btn:hover,[data-theme=light] .add-team-btn:hover,[data-theme=light] .mark-all:hover,[data-theme=light] .link:hover{color:var(--link-hover)!important}[data-theme=light] .tab.active,[data-theme=light] .admin-tab.active{color:var(--text-primary)!important;border-bottom-color:var(--purple-600)!important}[data-theme=light] .view-toggle button.active,[data-theme=light] .card-qbtn-view,[data-theme=light] .task-qbtn-view,[data-theme=light] .my-tasks-qbtn-view{color:var(--purple-600)!important;background-color:var(--black-600)!important}[data-theme=light] .sidebar a{color:var(--text-secondary)!important}[data-theme=light] .sidebar a:hover,[data-theme=light] .sidebar a.active{color:var(--link-hover)!important}[data-theme=light] .sidebar a.active{border-left-color:var(--purple-600);background-color:#7c3aed14;color:var(--purple-600)!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--text-muted)}[data-theme=light] .chip{background-color:var(--black-600);color:var(--text-secondary)}[data-theme=light] .logo-img,[data-theme=light] .login-logo,[data-theme=light] .client-logo-img,[data-theme=light] .forgot-logo{filter:invert(1)}@media(max-width:768px){html,body{font-size:15px}#root{min-height:100vh;-webkit-overflow-scrolling:touch}}@media(max-width:480px){html,body{font-size:14px}}