*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:var(--text-primary);background:radial-gradient(1100px 520px at 68% -8%, #8b5cf62e, transparent 62%), radial-gradient(850px 460px at -12% 28%, #ff4d8d1f, transparent 62%), radial-gradient(850px 460px at 112% 62%, #22b8f01f, transparent 62%), radial-gradient(700px 380px at 45% 115%, #ffb02014, transparent 62%), var(--bg-page);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}:root{--purple:#8b5cf6;--purple-dark:#7c3aed;--purple-light:#a78bfa;--purple-bg:#f5f1ff;--purple-border:#8b5cf647;--green:#10b981;--green-dark:#059669;--green-bg:#10b98114;--green-border:#10b98133;--red:#ef4444;--red-bg:#ef44440f;--red-border:#ef444426;--amber:#ffb020;--amber-bg:#ffb0201a;--amber-border:#ffb02040;--blue:#1899d6;--blue-bg:#22b8f014;--pink:#ff4d8d;--pink-bg:#ff4d8d14;--gradient-spectrum:linear-gradient(90deg, #ffb020, #ff4d8d, #8b5cf6, #22b8f0);--bg:#fdfcff;--bg-white:#fff;--input-bg:#fff;--input-border:#e4ddf5;--bg-hover:#f5f1ff;--border:#f0ebfa;--border-light:#f7f4fc;--text:#17112b;--text-secondary:#55506b;--text-muted:#9a94b0;--sidebar-width:260px;--sidebar-collapsed:68px;--topbar-height:56px;--slide-over-width:480px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--shadow-sm:#3c1e8c0f;--shadow-md:#3c1e8c14;--shadow-lg:#3c1e8c1f;--shadow-xl:0 24px 60px #3c1e8c2e;--transition:.2s ease;--transition-slow:.3s ease;--bg-page:#fdfcff;--bg-card:#fff;--bg-sidebar:#fff;--bg-input:#fff;--text-primary:#17112b;--border-color:#f0ebfa}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d9cff2;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#b39df0}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-right-enter-active,.slide-right-leave-active{transition:transform .3s,opacity .3s}.slide-right-enter-from,.slide-right-leave-to{opacity:0;transform:translate(100%)}.slide-up-enter-active,.slide-up-leave-active{transition:transform .2s,opacity .2s}.slide-up-enter-from{opacity:0;transform:translateY(10px)}.slide-up-leave-to{opacity:0;transform:translateY(-10px)}#app .btn-primary{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 45%,#c026d3 100%);box-shadow:0 6px 20px #7c3aed6b}#app .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 30px #c026d380}#app .nav-item.active{box-shadow:inset 3px 0 0 var(--purple);background:linear-gradient(90deg,#8b5cf633,#ff4d8d1a)}#app .kpi-card,#app .copil-card,#app .plan-card{box-shadow:0 4px 20px #3c1e8c17}.text-spectrum{background:var(--gradient-spectrum);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.card-spectrum{background:linear-gradient(var(--bg-card), var(--bg-card)) padding-box, var(--gradient-spectrum) border-box;border:2px solid #0000}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=dark]{--bg:#0f172a;--bg-white:#1e293b;--bg-hover:#2d3a4a;--border:#64748b;--border-light:#5a6b7f;--text:#e2e8f0;--text-secondary:#a0aec0;--text-muted:#94a3b8;--shadow-sm:#0003;--shadow-md:#0000004d;--shadow-lg:#0006;--shadow-xl:0 20px 60px #00000080;--purple:#a78bfa;--purple-light:#c4b5fd;--purple-bg:#a78bfa26;--purple-border:#a78bfa4d;--green-bg:#10b98126;--green-border:#10b9814d;--red-bg:#ef44441f;--red-border:#ef444440;--amber-bg:#f59e0b1f;--amber-border:#f59e0b40;--blue-bg:#3b82f61f;--bg-page:#0f172a;--bg-card:#1e293b;--bg-input:#131d2b;--text-primary:#e2e8f0;--border-color:#64748b;--input-bg:#131d2b;--input-border:#64748b}[data-theme=dark] body{color:#f1f5f9!important;background:#0f172a!important}[data-theme=dark] .app-layout,[data-theme=dark] .main-content,[data-theme=dark] .auth-page,[data-theme=dark] main,[data-theme=dark] .page-content,[data-theme=dark] .view-content{background:#0f172a!important}[data-theme=dark] .mgr-section,[data-theme=dark] .mkpi,[data-theme=dark] .pkpi,[data-theme=dark] .sat-card,[data-theme=dark] .arr-card,[data-theme=dark] .sv-section,[data-theme=dark] .ig-card,[data-theme=dark] .ig-modal,[data-theme=dark] .imp-modal,[data-theme=dark] .imp-mapping-panel,[data-theme=dark] .imp-rejected,[data-theme=dark] .es-left,[data-theme=dark] .es-right,[data-theme=dark] .send-modal,[data-theme=dark] .es-kpi,[data-theme=dark] .es-history-head,[data-theme=dark] .es-history-row,[data-theme=dark] .pb-card,[data-theme=dark] .pb-empty,[data-theme=dark] .rm-card,[data-theme=dark] .rm-empty,[data-theme=dark] .rmk,[data-theme=dark] .rmt-node,[data-theme=dark] .qt-card,[data-theme=dark] .qt-empty,[data-theme=dark] .qtk,[data-theme=dark] .tpl-card,[data-theme=dark] .modal-box,[data-theme=dark] .modal-head,[data-theme=dark] .so-panel,[data-theme=dark] .table-wrap,[data-theme=dark] .search-box,[data-theme=dark] .auth-card,[data-theme=dark] .sv-panel,[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .content-card,[data-theme=dark] .stg-section,[data-theme=dark] .settings-card,[data-theme=dark] .coach-content,[data-theme=dark] .coach-panel,[data-theme=dark] .dashboard-card,[data-theme=dark] .kpi-card,[data-theme=dark] .client-card,[data-theme=dark] .task-card,[data-theme=dark] .portfolio-card,[data-theme=dark] .wellbeing-card,[data-theme=dark] .import-panel,[data-theme=dark] .email-panel,[data-theme=dark] .playbook-card,[data-theme=dark] .roadmap-card,[data-theme=dark] .okr-card,[data-theme=dark] .quote-card,[data-theme=dark] .integration-card,[data-theme=dark] .modal,[data-theme=dark] .modal-content,[data-theme=dark] .dropdown-menu,[data-theme=dark] .topbar,[data-theme=dark] .coach-message,[data-theme=dark] .coach-bubble,[data-theme=dark] .ai-message,[data-theme=dark] .message-bubble,[data-theme=dark] .empty-state,[data-theme=dark] .btn-customize{color:#f1f5f9!important;background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .sidebar,[data-theme=dark] nav.sidebar{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .sidebar a,[data-theme=dark] .sidebar span,[data-theme=dark] .sidebar li,[data-theme=dark] .sidebar p{color:#94a3b8!important}[data-theme=dark] .sidebar a:hover,[data-theme=dark] .sidebar a.active,[data-theme=dark] .sidebar .router-link-active{color:#f1f5f9!important;background:#1e293b!important}[data-theme=dark] .sidebar h4,[data-theme=dark] .sidebar .section-title{text-transform:uppercase;color:#64748b!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#f1f5f9!important}[data-theme=dark] p{color:#cbd5e1!important}[data-theme=dark] label,[data-theme=dark] small,[data-theme=dark] .sv-note,[data-theme=dark] .subtitle,[data-theme=dark] .text-muted{color:#94a3b8!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color:#f1f5f9!important;background:#0f1923!important;border-color:#475569!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b!important}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:#8b5cf6!important;box-shadow:0 0 0 3px #8b5cf633!important}[data-theme=dark] .btn-outline,[data-theme=dark] .btn-plan,[data-theme=dark] .btn-danger-outline,[data-theme=dark] .sv-btn-secondary,[data-theme=dark] .sv-portal-btn,[data-theme=dark] .ig-btn-secondary,[data-theme=dark] .ig-btn-danger,[data-theme=dark] .imp-module-btn,[data-theme=dark] .rmt-add,[data-theme=dark] .theme-card,[data-theme=dark] .lang-card{color:#cbd5e1!important;background:0 0!important;border-color:#475569!important}[data-theme=dark] .btn-outline:hover,[data-theme=dark] .btn-plan:hover,[data-theme=dark] .btn-danger-outline:hover,[data-theme=dark] .sv-btn-secondary:hover,[data-theme=dark] .sv-portal-btn:hover,[data-theme=dark] .ig-btn-secondary:hover,[data-theme=dark] .ig-btn-danger:hover,[data-theme=dark] .imp-module-btn:hover,[data-theme=dark] .rmt-add:hover,[data-theme=dark] .theme-card:hover,[data-theme=dark] .lang-card:hover{color:#f1f5f9!important;background:#334155!important}[data-theme=dark] .theme-card.active,[data-theme=dark] .lang-card.active{background:#8b5cf61f!important;border-color:#8b5cf6!important}[data-theme=dark] table{border-color:#334155!important}[data-theme=dark] th{color:#94a3b8!important;background:#1a2332!important;border-color:#334155!important}[data-theme=dark] td{color:#cbd5e1!important;border-color:#334155!important}[data-theme=dark] tr:hover td{background:#8b5cf60f!important}[data-theme=dark] .tab,[data-theme=dark] .tabs button{color:#94a3b8!important}[data-theme=dark] .tab.active,[data-theme=dark] .tabs button.active{color:#f1f5f9!important;border-color:#8b5cf6!important}[data-theme=dark] a:not([class*=btn]):not(.sidebar a){color:#8b5cf6!important}[data-theme=dark] a:not([class*=btn]):not(.sidebar a):hover{color:#a78bfa!important}[data-theme=dark] .text-danger{color:#f87171!important}[data-theme=dark] hr{border-color:#334155!important}[data-theme=dark] .modal-overlay{background:#000000b3!important}[data-theme=dark] .badge,[data-theme=dark] .tag{color:#94a3b8!important;background:#334155!important}[data-theme=dark] code{color:#a78bfa!important;background:#334155!important}[data-theme=dark] ::-webkit-scrollbar-track{background:#0f172a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}[data-theme=dark] .filter-select,[data-theme=dark] .filter-select select{color:#cbd5e1!important;background:#1e293b!important;border-color:#475569!important}
