*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#090c18;--bg-secondary:#0f1528;--bg-tertiary:#131d35;--bg-card:#172038;--bg-glass:rgba(15,21,40,.7);--text-primary:#f4f7ff;--text-secondary:rgba(210,225,255,.85);--text-muted:rgba(170,190,240,.65);--accent-gold:#ffd35a;--accent-gold-light:#f5d47a;--accent-gold-dim:rgba(224,184,74,.2);--accent-indigo:#7b9fff;--accent-indigo-light:#a8beff;--accent-indigo-dim:rgba(123,159,255,.16);--accent-violet:#b48aff;--accent-violet-dim:rgba(180,138,255,.16);--accent-emerald:#3feaaa;--accent-emerald-dim:rgba(63,234,170,.15);--accent-rose:#ff7ec8;--accent-rose-dim:rgba(255,126,200,.15);--accent-sky:#45ccff;--accent-sky-dim:rgba(69,204,255,.15);--accent-amber:#ffd04a;--accent-danger:#ff7070;--border-color:rgba(123,159,255,.16);--border-hover:rgba(224,184,74,.32);--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--transition-speed:.3s}html,body{width:100%;height:100%;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#app{display:flex;width:100%;min-height:100vh;background:var(--bg-primary)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;z-index:1000;transition:all var(--transition-speed) ease}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:.4}.sidebar-header{padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.75rem;overflow:hidden}.brand-icon-wrap{width:36px;height:36px;border-radius:10px;background:var(--accent-indigo-dim);border:1px solid rgba(108,142,245,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-img{width:28px;height:28px;object-fit:contain;display:block}.brand-text{white-space:nowrap;overflow:hidden}.brand-text h1{font-size:1.1rem;font-weight:700;background:linear-gradient(135deg,var(--accent-gold-light),var(--accent-indigo-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.3px}.brand-subtitle{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px}.mobile-close{display:none;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;padding:.35rem;border-radius:7px;align-items:center;justify-content:center;transition:all .2s}.mobile-close:hover{background:#ffffff1a}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1.25rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;position:relative;margin:.15rem .625rem;border-radius:9px;font-size:.875rem;font-weight:500}.nav-item:hover{background:var(--accent-indigo-dim);color:var(--text-primary)}.nav-item.router-link-exact-active{background:linear-gradient(135deg,#6c8ef533,#9f7aea26);color:var(--accent-indigo-light);border:1px solid rgba(108,142,245,.2)}.nav-item.router-link-exact-active .nav-icon{color:var(--accent-indigo-light)!important}.nav-icon{flex-shrink:0;transition:color .2s}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{position:absolute;right:.875rem;padding:.12rem .45rem;border-radius:5px;font-size:.6rem;font-weight:700;background:linear-gradient(135deg,var(--accent-gold),#a07830);color:#0d1220;letter-spacing:.5px}.nav-badge.ceo{background:linear-gradient(135deg,var(--accent-sky),#1d7ea8);color:#051015}.nav-divider{height:1px;background:var(--border-color);margin:.75rem 1.25rem}.nav-section-title{padding:.4rem 1.25rem;font-size:.62rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:600}.nav-item.premium{background:var(--accent-violet-dim)}.nav-item.premium:hover{background:#9f7aea2e}.nav-item.premium.router-link-exact-active{background:#9f7aea38;color:#c4aaff;border-color:#9f7aea40}.nav-item.executive{background:var(--accent-sky-dim)}.nav-item.executive:hover{background:#38bdf82e}.nav-item.executive.router-link-exact-active{background:#38bdf838;color:#7dd3fc;border-color:#38bdf840}.sidebar-footer{padding:.875rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.4rem}.home-link{margin:0!important}.collapse-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.625rem;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-size:.8rem}.collapse-btn:hover{background:var(--accent-indigo-dim);color:var(--text-secondary);border-color:var(--border-hover)}.plan-badge-sidebar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:7px;font-size:.72rem;font-weight:600}.plan-base{background:#ffffff08;border:1px solid var(--border-color);color:var(--text-muted)}.plan-pro{background:linear-gradient(135deg,#c9a84c1a,#6c8ef51a);border:1px solid rgba(201,168,76,.2);color:var(--accent-gold-light)}.plan-upgrade-btn{margin-left:auto;padding:2px 8px;background:linear-gradient(135deg,var(--accent-gold),#8c6a1a);color:#0d1220;border:none;border-radius:5px;font-size:.64rem;font-weight:700;cursor:pointer;transition:opacity .2s}.plan-upgrade-btn:hover{opacity:.85}.sidebar-collapsed .plan-badge-sidebar{display:none}.main-wrapper{flex:1;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));display:flex;flex-direction:column;min-height:100vh;transition:all var(--transition-speed) ease}.top-header{height:var(--header-height);background:#080b14d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.75rem;position:sticky;top:0;z-index:100;gap:1rem}.top-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-indigo),transparent);opacity:.2}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger span{width:22px;height:1.5px;background:var(--text-secondary);border-radius:2px;transition:all .3s}.header-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.2px}.header-actions{display:flex;align-items:center;gap:.625rem;flex-shrink:0}.header-home-btn{display:flex;align-items:center;color:var(--text-muted);text-decoration:none;transition:color .2s;line-height:1;padding:5px;border-radius:7px;border:1px solid transparent}.header-home-btn:hover{color:var(--accent-gold);border-color:#c9a84c33;background:var(--accent-gold-dim)}.user-chip{display:flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid var(--border-color);border-radius:999px;padding:4px 12px 4px 4px;min-width:0;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s}.user-chip:hover{background:#ffffff12;border-color:#7b9fff4d}.user-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;overflow:hidden;font-size:.75rem}.avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;border-radius:50%}.user-email{font-size:.78rem;color:var(--text-secondary);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.logout-btn{background:#f871710f;border:1px solid rgba(248,113,113,.15);color:#f87171;padding:5px 7px;border-radius:7px;cursor:pointer;display:flex;align-items:center;line-height:1;transition:all .2s;flex-shrink:0}.logout-btn:hover{background:#f8717124;border-color:#f871714d}.main-content{flex:1;padding:1.75rem;overflow-y:auto;width:100%}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0009;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-collapsed .brand-text,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-badge,.sidebar-collapsed .collapse-text,.sidebar-collapsed .nav-section-title{opacity:0;width:0;overflow:hidden}.sidebar-collapsed .nav-item{justify-content:center;padding:.75rem}.sidebar-collapsed .nav-icon{margin:0}.sidebar-collapsed .main-wrapper{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.sidebar-collapsed .sidebar-header,.sidebar-collapsed .brand{justify-content:center}.nav-icon.icon-blue{color:var(--accent-indigo)}.nav-icon.icon-purple{color:var(--accent-violet)}.nav-icon.icon-emerald{color:var(--accent-emerald)}.nav-icon.icon-amber{color:var(--accent-amber)}.nav-icon.icon-rose{color:var(--accent-rose)}.nav-icon.icon-sky{color:var(--accent-sky)}.nav-icon.icon-muted{color:var(--text-muted)}.scroll-up-btn{position:fixed;bottom:5rem;right:1.25rem;z-index:8999;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-gold),#8c6a1a);border:none;color:#0d1220;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #c9a84c4d;transition:all .3s}.scroll-up-btn:hover{transform:translateY(-3px);box-shadow:0 8px 28px #c9a84c73}.scrollup-enter-active,.scrollup-leave-active{transition:all .25s ease}.scrollup-enter-from,.scrollup-leave-to{opacity:0;transform:translateY(12px)}.onboard-modal{max-width:480px}.onboard-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:1.5rem}.onboard-step{display:flex;align-items:flex-start;gap:12px;padding:11px 13px;background:#ffffff08;border:1px solid var(--border-color);border-radius:9px;transition:all .2s}.onboard-step.done{border-color:#34d3994d;background:#34d3990f}.os-num{width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--text-muted);flex-shrink:0}.onboard-step.done .os-num{background:#34d39926;border-color:#34d39959;color:var(--accent-emerald)}.os-body{display:flex;flex-direction:column;gap:2px}.os-body strong{font-size:.83rem;color:var(--text-primary)}.os-body span{font-size:.74rem;color:var(--text-muted)}.modal-backdrop{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:1rem}.upgrade-modal{background:var(--bg-card);border:1px solid rgba(108,142,245,.2);border-radius:18px;padding:1.75rem;max-width:460px;width:100%;position:relative;box-shadow:0 30px 80px #000000b3,0 0 0 1px #c9a84c0f inset}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;padding:5px;border-radius:7px;display:flex;align-items:center;transition:all .2s}.modal-close:hover{background:#ffffff1f;color:var(--text-primary)}.upgrade-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent-gold-dim),var(--accent-indigo-dim));border:1px solid rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-gold-light);margin-bottom:1rem}.upgrade-modal h2{font-size:1.25rem;font-weight:700;margin-bottom:.4rem;color:var(--text-primary)}.upgrade-modal>p{color:var(--text-secondary);font-size:.875rem;line-height:1.65;margin-bottom:1.25rem}.upgrade-compare{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:1.25rem}.uc-col{background:#ffffff05;border:1px solid var(--border-color);border-radius:10px;padding:11px}.uc-col.uc-pro{border-color:#c9a84c40;background:#c9a84c0d}.uc-head{font-weight:700;font-size:.82rem;margin-bottom:8px;color:var(--text-primary);display:flex;align-items:center;gap:6px}.uc-price{font-size:.72rem;font-weight:400;color:var(--accent-gold)}.uc-row{display:flex;align-items:center;gap:5px;font-size:.76rem;padding:3px 0;color:var(--text-secondary)}.uc-ok svg{color:var(--accent-emerald)}.uc-no{opacity:.35;text-decoration:line-through}.uc-no svg{color:var(--accent-danger)}.upgrade-cta{width:100%;padding:.85rem;background:linear-gradient(135deg,var(--accent-gold),#916900);color:#0d1220;border:none;border-radius:9px;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.6rem;transition:all .3s;margin-bottom:.75rem;text-decoration:none}.upgrade-cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px #c9a84c59}.upgrade-note{font-size:.73rem;color:var(--text-muted);text-align:center}.upgrade-note a{color:var(--accent-indigo)}.modal-enter-active,.modal-leave-active{transition:all .25s ease}.modal-enter-from,.modal-leave-to{opacity:0;transform:scale(.95)}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border-radius:9px;min-width:280px;max-width:420px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:all;cursor:pointer;border:1px solid transparent;box-shadow:0 4px 24px #00000073}.toast-error{background:#f871711a;border-color:#f8717140;color:#fca5a5}.toast-success{background:#34d3991a;border-color:#34d39940;color:#6ee7b7}.toast-warning{background:#fbbf241a;border-color:#fbbf2440;color:#fde68a}.toast-info{background:#6c8ef51a;border-color:#6c8ef540;color:#a5b4fc}.toast-icon{flex-shrink:0}.toast-error .toast-icon{color:var(--accent-danger)}.toast-success .toast-icon{color:var(--accent-emerald)}.toast-warning .toast-icon{color:var(--accent-amber)}.toast-info .toast-icon{color:var(--accent-indigo)}.toast-msg{flex:1;font-size:.83rem;line-height:1.4}.toast-close{background:none;border:none;color:inherit;opacity:.45;cursor:pointer;padding:0;flex-shrink:0;display:flex;align-items:center;line-height:1}.toast-close:hover{opacity:1}.toast-enter-active{transition:all .28s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active{transition:all .2s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(60px)}.card{background:var(--bg-card);border-radius:14px;padding:1.5rem;border:1px solid var(--border-color);box-shadow:0 2px 12px #00000040}.btn{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-violet));color:#fff;border:none;padding:.8rem 1.4rem;border-radius:9px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6c8ef559}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-success{background:linear-gradient(135deg,#059669,#047857)}.btn-success:hover{box-shadow:0 8px 25px #34d3994d}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-danger:hover{box-shadow:0 8px 25px #f871714d}.btn-warning{background:linear-gradient(135deg,var(--accent-gold),#92400e)}.btn-warning:hover{box-shadow:0 8px 25px #c9a84c4d}.form-group{margin-bottom:1.125rem}.form-group label{display:block;margin-bottom:.45rem;font-weight:500;color:var(--text-secondary);font-size:.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;background:#ffffff0a;border:1px solid var(--border-color);border-radius:9px;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-indigo);box-shadow:0 0 0 3px #6c8ef526}.form-group input::placeholder{color:var(--text-muted)}.alert{padding:.9rem 1.1rem;border-radius:9px;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem}.alert-success{background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:#6ee7b7}.alert-error{background:#f871711a;border:1px solid rgba(248,113,113,.25);color:#fca5a5}.alert-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.25);color:#fde68a}.alert-info{background:#6c8ef51a;border:1px solid rgba(108,142,245,.25);color:#a5b4fc}.tabs{display:flex;gap:.35rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tab{padding:.65rem 1.25rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:7px 7px 0 0;transition:all .25s ease;font-weight:500;font-size:.875rem}.tab:hover{color:var(--text-primary);background:#ffffff0a}.tab.active{color:var(--accent-indigo-light);background:var(--accent-indigo-dim);border-bottom:2px solid var(--accent-indigo)}@media(max-width:1024px){.sidebar,.sidebar-collapsed .sidebar{transform:translate(-100%)}.main-wrapper,.sidebar-collapsed .main-wrapper{margin-left:0;width:100%}.hamburger{display:flex}.sidebar-mobile-open .sidebar{transform:translate(0)}.sidebar-mobile-open .sidebar-overlay{display:block}.mobile-close{display:flex}.collapse-btn{display:none}.top-header{padding:0 1rem}.main-content{padding:1rem}}@media(max-width:768px){.header-title{font-size:.95rem}.main-content{padding:.75rem}.card{padding:1rem;border-radius:11px}.toast-container{bottom:1rem;right:1rem;left:1rem}.toast{min-width:unset;max-width:unset;width:100%}.upgrade-compare{grid-template-columns:1fr}.user-chip{padding:4px}}@media(max-width:480px){.user-email{display:none}.top-header{height:56px}.main-content{padding:.5rem}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6c8ef540;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c9a84c59}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-content>*{animation:fadeIn .3s ease}@media print{.sidebar,.top-header,.toast-container{display:none}.main-wrapper{margin-left:0;width:100%}.main-content{padding:0}}.cs-wrap[data-v-9de02a48]{position:relative;width:100%}.cs-trigger[data-v-9de02a48]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:#090c18;border:1px solid rgba(201,168,76,.2);border-radius:8px;cursor:pointer;transition:border-color .2s,box-shadow .2s;-webkit-user-select:none;user-select:none;min-height:38px}.cs-trigger[data-v-9de02a48]:hover:not(.disabled){border-color:#c9a84c66}.cs-trigger.open[data-v-9de02a48]{border-color:#e0b84a;box-shadow:0 0 0 3px #c9a84c1f}.cs-trigger.disabled[data-v-9de02a48]{opacity:.45;cursor:not-allowed}.cs-value[data-v-9de02a48]{color:#f4f7ff;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.cs-placeholder[data-v-9de02a48]{color:#aabef066;font-size:.85rem;flex:1}.cs-arrow[data-v-9de02a48]{color:#e0b84a;flex-shrink:0;transition:transform .2s}.cs-arrow.open[data-v-9de02a48]{transform:rotate(180deg)}.cs-dropdown[data-v-9de02a48]{background:#0b0f1e;border:1px solid rgba(201,168,76,.2);border-radius:10px;overflow-y:auto;box-shadow:0 16px 48px #0009;overscroll-behavior:contain}.cs-group-header[data-v-9de02a48]{padding:8px 12px 4px;position:sticky;top:0;background:#0b0f1e;z-index:1}.cs-group-badge[data-v-9de02a48]{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:5px;border:1px solid;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.cs-option[data-v-9de02a48]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 14px;cursor:pointer;transition:background .15s;font-size:.84rem}.cs-option[data-v-9de02a48]:hover{background:#c9a84c0f}.cs-option.sel[data-v-9de02a48]{background:#c9a84c1a}.cs-option.sel .cs-opt-name[data-v-9de02a48]{color:#e0b84a}.cs-none[data-v-9de02a48]{color:#aabef080;font-style:italic;border-bottom:1px solid rgba(201,168,76,.1);margin-bottom:2px}.cs-none.sel[data-v-9de02a48]{color:#e0b84a;font-style:normal}.cs-opt-name[data-v-9de02a48]{color:#f4f7ff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-opt-sub[data-v-9de02a48]{color:#b48aff;font-size:.72rem;background:#b48aff1a;padding:1px 7px;border-radius:5px;white-space:nowrap;flex-shrink:0;border:1px solid rgba(180,138,255,.18)}