.fadeOut{animation-name:fadeOut}.fadeInDown{animation-name:fadeInDown}.fadeInUp{animation-name:fadeInUp}.fade-enter-active{transition:opacity .3s ease-in}.fade-leave-active{transition:opacity .15s ease-out}.fade-enter,.fade-leave-to{opacity:0}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInDown{0%{opacity:.5;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:.5;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.c-toast-container{position:fixed;display:flex;top:0;bottom:0;left:0;right:0;padding:2em;overflow:hidden;z-index:9999;pointer-events:none}.c-toast-container--top{flex-direction:column}.c-toast-container--bottom{flex-direction:column-reverse}@media screen and (max-width:768px){.c-toast-container{padding:0;position:fixed!important}}.c-toast--bottom,.c-toast--top{align-self:center}.c-toast--bottom-right,.c-toast--top-right{align-self:flex-end}.c-toast--bottom-left,.c-toast--top-left{align-self:flex-start}.v--default-css .c-toast--success{background-color:#28a745}.v--default-css .c-toast--info{background-color:#17a2b8}.v--default-css .c-toast--warning{background-color:#ffc107}.v--default-css .c-toast--error{background-color:#dc3545}.v--default-css .c-toast--default{background-color:#343a40}.v--default-css .c-toast{display:grid;align-items:center;animation-duration:.15s;margin:.5em 0;border-radius:.5em;pointer-events:auto;color:#fff;min-height:3em;cursor:pointer;font-family:Avenir,Helvetica,Arial,sans-serif;padding:.5em 2em;word-break:break-word}.page-fade-enter-active,.page-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.page-fade-enter-from{opacity:0;transform:translateY(10px)}.page-fade-leave-to{opacity:0;transform:translateY(-10px)}.eyebrow[data-v-751dca58]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.28em;font-size:12px;margin-bottom:6px}.hero-actions[data-v-751dca58]{display:flex;gap:12px;margin-top:24px}.stat-pill p[data-v-751dca58]{margin:8px 0 0;color:var(--text-muted)}:root{--bg-root:#0a0a0f;--bg-panel:#14141e;--bg-panel-alt:#1a1a2e;--bg-elevated:#1e1e30;--bg-card:rgba(20,20,30,.8);--border-subtle:hsla(0,0%,100%,.08);--border-glow:rgba(99,102,241,.3);--text-primary:#f8f9ff;--text-secondary:hsla(0,0%,100%,.7);--text-muted:hsla(0,0%,100%,.5);--brand:#6366f1;--brand-strong:#8b5cf6;--brand-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 4px 12px rgba(0,0,0,.2);--shadow-md:0 8px 24px rgba(0,0,0,.3);--shadow-lg:0 16px 48px rgba(0,0,0,.4);--shadow-glow:0 0 30px rgba(99,102,241,.2);--font-stack:"Inter","Segoe UI",system-ui,-apple-system,sans-serif}*,:after,:before{box-sizing:border-box}#app,body,html{min-height:100%}body{margin:0;background:var(--bg-root);color:var(--text-primary);font-family:var(--font-stack);line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(10,10,15,.9)}::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.5)}*{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.4) rgba(10,10,15,.9)}a{color:var(--brand);text-decoration:none;transition:color .2s}a:hover{color:var(--brand-strong)}.app-shell{display:flex;min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#0f0f1a);position:relative}.app-shell:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 20%,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.06) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(236,72,153,.04) 0,transparent 60%);pointer-events:none;z-index:0}.sidebar{width:280px;background:rgba(14,14,22,.9);backdrop-filter:blur(20px);border-right:1px solid var(--border-subtle);padding:32px 24px;gap:32px;position:relative;z-index:1}.sidebar,.sidebar__brand{display:flex;flex-direction:column}.sidebar__brand{gap:16px}.sidebar__logo{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;letter-spacing:1px;color:#fff;box-shadow:var(--shadow-glow);animation:logo-pulse 3s ease-in-out infinite}@keyframes logo-pulse{0%,to{box-shadow:0 0 20px rgba(99,102,241,.3)}50%{box-shadow:0 0 40px rgba(99,102,241,.5)}}.sidebar__brand h1{font-size:20px;margin:0;font-weight:700}.sidebar__brand span{color:var(--text-muted);font-size:13px}.sidebar__nav{display:flex;flex-direction:column;gap:6px}.sidebar__link{padding:14px 18px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-weight:500;font-size:14px;display:flex;align-items:center;gap:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar__link:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--brand-gradient);transform:scaleY(0);transition:transform .3s}.sidebar__link:hover{background:rgba(99,102,241,.08);color:var(--text-primary)}.sidebar__link .link-indicator{width:8px;height:8px;border-radius:50%;background:transparent;transition:all .3s}.sidebar__link.is-active{background:rgba(99,102,241,.12);color:var(--text-primary)}.sidebar__link.is-active:before{transform:scaleY(1)}.sidebar__link.is-active .link-indicator{background:var(--brand);box-shadow:0 0 10px var(--brand)}.sidebar__footer{margin-top:auto;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-muted)}.main-panel{flex:1;display:flex;flex-direction:column;position:relative;z-index:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:rgba(14,14,22,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.topbar__breadcrumbs{display:flex;flex-direction:column;gap:4px}.topbar__breadcrumbs span:first-child{font-size:12px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.topbar__breadcrumbs strong{font-size:22px;font-weight:600}.topbar__user{display:flex;align-items:center;gap:16px}.avatar{width:44px;height:44px;border-radius:var(--radius-md);background:var(--brand-gradient);display:grid;place-items:center;font-weight:600;color:#fff;font-size:14px}.topbar__user small{color:var(--text-muted);display:block;margin-top:2px;font-size:12px}.main-panel .page{padding:32px;flex:1;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.page-stack{display:flex;flex-direction:column;gap:24px}.card{background:var(--bg-card);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:28px;box-shadow:var(--shadow-md);transition:all .3s ease}.card:hover{border-color:rgba(99,102,241,.2)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.hero-card{padding:40px;border-radius:var(--radius-xl);background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(20,20,30,.9));border:1px solid rgba(99,102,241,.2);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.2) 0,transparent 70%);pointer-events:none}.hero-card h1{margin:0 0 12px;font-size:32px;font-weight:700}.hero-card p{color:var(--text-secondary);margin:0}.hero-actions{display:flex;gap:12px;margin-top:20px}.stat-pill{padding:24px;border-radius:var(--radius-lg);background:hsla(0,0%,100%,.02);border:1px solid var(--border-subtle);transition:all .3s}.stat-pill:hover{border-color:rgba(99,102,241,.3);transform:translateY(-2px)}.stat-pill span{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.stat-pill strong{display:block;font-size:32px;margin-top:8px;background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{border:none;border-radius:var(--radius-md);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-gradient);color:#fff;padding:12px 20px;box-shadow:0 4px 15px rgba(99,102,241,.3)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.4)}.btn-secondary{background:hsla(0,0%,100%,.05);color:var(--text-primary);padding:12px 20px;border:1px solid var(--border-subtle)}.btn-secondary:hover{background:hsla(0,0%,100%,.1);border-color:rgba(99,102,241,.3)}.btn-ghost{background:transparent;color:var(--text-muted);padding:10px 16px;border:1px solid var(--border-subtle)}.btn-ghost:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary)}.btn-danger{background:rgba(239,68,68,.15);color:var(--danger);padding:12px 20px;border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:rgba(239,68,68,.25)}.btn-success{background:rgba(16,185,129,.15);color:var(--success);padding:12px 20px;border:1px solid rgba(16,185,129,.2)}.btn-success:hover{background:rgba(16,185,129,.25)}.btn-warning{background:rgba(245,158,11,.15);color:var(--warning);padding:12px 20px;border:1px solid rgba(245,158,11,.2)}.btn-warning:hover{background:rgba(245,158,11,.25)}.btn-sm{padding:6px 12px!important;font-size:12px!important}.form-grid{display:grid;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;color:var(--text-muted);font-weight:500;letter-spacing:.02em}.form-input,.form-select,.form-textarea{background:hsla(0,0%,100%,.03);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 16px;color:var(--text-primary);font-family:var(--font-stack);font-size:14px;transition:border-color .3s,box-shadow .3s,background-color .3s;width:100%;max-width:100%;box-sizing:border-box}.form-field textarea,.form-grid textarea,.form-textarea,textarea,textarea.form-input,textarea.form-textarea{resize:vertical!important;min-height:80px;max-width:100%!important;width:100%!important;box-sizing:border-box!important}.form-field,.form-grid{overflow:hidden}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(99,102,241,.15);background:rgba(99,102,241,.05)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0;display:none}select.form-input,select.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236366f1' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select.form-input option,select.form-select option{background:var(--bg-elevated);color:var(--text-primary);padding:12px}input[type=date],input[type=datetime-local],input[type=time]{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.5) sepia(1) saturate(5) hue-rotate(200deg);cursor:pointer}.data-table{width:100%;border-collapse:collapse;border-radius:var(--radius-lg);overflow:hidden;background:rgba(10,10,15,.5)}.data-table td,.data-table th{padding:16px 18px;text-align:left;font-size:13px}.data-table th{background:rgba(99,102,241,.08);color:var(--text-muted);font-weight:600;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:rgba(99,102,241,.05)}.data-table tr:not(:last-child) td{border-bottom:1px solid hsla(0,0%,100%,.04)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge--success{background:rgba(16,185,129,.15);color:var(--success)}.badge--danger{background:rgba(239,68,68,.15);color:var(--danger)}.badge--warning{background:rgba(245,158,11,.15);color:var(--warning)}.badge--info{background:rgba(59,130,246,.15);color:var(--info)}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border-subtle);margin-bottom:24px;padding-bottom:0;overflow-x:auto}.tab-button{padding:14px 20px;border-radius:var(--radius-md) var(--radius-md) 0 0;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:13px;cursor:pointer;transition:all .3s;position:relative;white-space:nowrap}.tab-button:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--brand-gradient);transform:scaleX(0);transition:transform .3s}.tab-button:hover{color:var(--text-primary);background:rgba(99,102,241,.05)}.tab-button.is-active{color:var(--text-primary);background:rgba(99,102,241,.1)}.tab-button.is-active:after{transform:scaleX(1)}.online-count{background:rgba(16,185,129,.2);color:var(--success);padding:2px 8px;border-radius:999px;font-size:11px;margin-left:6px}.modal-sheet{border-radius:var(--radius-xl);padding:24px;background:var(--bg-card);backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-card);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:32px;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;animation:modal-in .3s ease}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{margin-bottom:24px}.modal-header h3{margin:0;font-size:20px}.modal-body{margin-bottom:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end}.empty-state{padding:60px 40px;border-radius:var(--radius-xl);background:rgba(20,20,30,.5);text-align:center;color:var(--text-muted);border:1px dashed rgba(99,102,241,.2)}.empty-state p{margin:0}.auth-layout{min-height:calc(100vh - 160px);display:grid;place-items:center}.auth-card{width:100%;max-width:420px;padding:40px;border-radius:var(--radius-xl);background:var(--bg-card);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}.auth-card h2{margin:0 0 8px;font-size:24px}.auth-card p{color:var(--text-muted);font-size:14px;margin:0 0 24px}.pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin-top:16px;border-top:1px solid var(--border-subtle);font-size:13px;color:var(--text-muted)}.action-stack,.pagination-actions{display:flex;gap:8px}.action-stack{flex-wrap:wrap;align-items:center}.license-actions-bar{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:16px;background:rgba(99,102,241,.05);border:1px solid rgba(99,102,241,.1);border-radius:var(--radius-md);font-size:13px;color:var(--text-muted)}.chip-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.chip{padding:12px 16px;border-radius:var(--radius-md);background:hsla(0,0%,100%,.02);border:1px solid var(--border-subtle);cursor:pointer;transition:all .2s}.chip:hover{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2)}@media (max-width:1024px){.app-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;flex-wrap:wrap;padding:16px 24px;gap:16px}.sidebar__brand{flex-direction:row;align-items:center}.sidebar__nav{flex-direction:row;flex-wrap:wrap;width:100%}.sidebar__link{padding:10px 14px}.main-panel .page{padding:20px}.card-grid{grid-template-columns:1fr}}@media (max-width:640px){.topbar{padding:16px 20px;flex-direction:column;gap:16px;align-items:flex-start}.hero-card{padding:24px}.hero-card h1{font-size:24px}.tabs{gap:4px}.tab-button{padding:10px 14px;font-size:12px}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .4s ease}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--brand);font-size:11px;font-weight:600;margin-bottom:8px}.helper{font-size:13px;margin:0}.helper,.hint{color:var(--text-muted)}.hint{font-size:12px}