:root{--bg-dark: #0f111a;--bg-gradient: linear-gradient(135deg, #131521 0%, #1a1e35 100%);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-glow: 0 8px 32px 0 rgba(0, 0, 0, .37);--accent-cyan: #00f0ff;--accent-blue: #0077ff;--accent-magenta: #ff0055;--text-main: #e2e8f0;--text-muted: #94a3b8;--status-pending: #fbbf24;--status-processing: #38bdf8;--status-success: #34d399;--status-failed: #f87171;--btn-bg: rgba(255, 255, 255, .1);--btn-border: rgba(255, 255, 255, .2);--btn-hover-bg: rgba(255, 255, 255, .15);--btn-danger-bg: rgba(255, 0, 85, .2);--input-bg: rgba(0, 0, 0, .3);--font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--text-size-sm: .85rem;--text-size-md: .95rem;--text-size-lg: 1.5rem;--text-size-xl: 2.5rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);background:var(--bg-gradient);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.font-medium{font-weight:500}.text-sm{font-size:var(--text-size-sm)}.p-4{padding:40px}.error-msg{font-size:.8rem;color:var(--status-failed);margin-top:4px}.dashboard-container{width:100%;padding:24px 28px}.app-shell{min-height:100vh}.app-main{margin-left:232px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .25s ease}.app-main--sidebar-collapsed{margin-left:0}.app-main-content{flex:1 1 auto;padding:22px 28px 40px}.app-mobile-header{display:none}.app-mobile-title{font-size:1.1rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header-actions{display:flex;align-items:center}.title{font-size:var(--text-size-xl);font-weight:800;background:-webkit-linear-gradient(45deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:breathe 4s ease-in-out infinite alternate}@keyframes breathe{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(30deg)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:30px;box-shadow:var(--glass-glow);margin-bottom:30px;transition:transform .3s ease,box-shadow .3s ease}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000073}.btn{background:var(--btn-bg);border:1px solid var(--btn-border);color:#fff;padding:10px 24px;border-radius:var(--radius-sm);font-size:var(--text-size-md);font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.btn:hover:before{left:100%}.btn:hover{background:var(--btn-hover-bg);border-color:var(--accent-cyan);box-shadow:0 0 15px #00f0ff4d}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-close{padding:4px 10px;border:none;background:transparent}.btn-primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-blue));border:none}.btn-primary:hover{transform:scale(1.05);box-shadow:0 0 20px #00f0ff80}.btn-danger{background:var(--btn-danger-bg);border-color:var(--accent-magenta)}.btn-danger:hover{background:var(--accent-magenta);box-shadow:0 0 20px #ff005580}.btn-secondary{background:transparent;border-color:var(--glass-border);color:var(--text-muted)}.data-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.data-table th,.data-table td{padding:16px;border-bottom:1px solid var(--glass-border)}.data-table th{color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:var(--text-size-sm)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .3s ease}.data-table tbody tr:hover{background:#ffffff08}.badge{padding:6px 12px;border-radius:var(--radius-lg);font-size:var(--text-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;box-shadow:0 0 10px #0003}.badge.pending{background:#fbbf2433;color:var(--status-pending);border:1px solid rgba(251,191,36,.5)}.badge.processing{background:#38bdf833;color:var(--status-processing);border:1px solid rgba(56,189,248,.5);animation:pulse 2s infinite}.badge.success{background:#34d39933;color:var(--status-success);border:1px solid rgba(52,211,153,.5)}.badge.failed{background:#f8717133;color:var(--status-failed);border:1px solid rgba(248,113,113,.5)}@keyframes pulse{0%{box-shadow:0 0 #38bdf866}70%{box-shadow:0 0 0 10px #38bdf800}to{box-shadow:0 0 #38bdf800}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{to{opacity:1}}.modal-content{width:100%;max-width:500px;background:var(--bg-dark);border-radius:var(--radius-md);padding:0;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;border:1px solid var(--glass-border);transform:translateY(20px) scale(.95);animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{to{transform:translateY(0) scale(1)}}.modal-header{padding:24px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:var(--text-size-lg)}.modal-body{padding:24px}.modal-footer{padding:20px 24px;background:#0003;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;gap:16px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.9rem}.form-control{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:#fff;font-family:inherit;transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00f0ff33}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:9999}@property --toast-progress{syntax: "<percentage>"; inherits: false; initial-value: 100%;}.toast{padding:16px 24px;border-radius:var(--radius-sm);background:#282c3cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;font-weight:500;font-size:.95rem;box-shadow:0 15px 35px #0009,0 0 10px #ffffff0d;position:relative;--toast-status-color: var(--accent-cyan)}.toast.error{--toast-status-color: var(--status-failed)}.toast.success{--toast-status-color: var(--status-success)}.toast:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-sm);padding:2px;background:conic-gradient(from 180deg at 50% 50%,var(--toast-status-color) 0%,var(--toast-status-color) var(--toast-progress),transparent var(--toast-progress));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:popup-border-trace 3.5s linear forwards}@keyframes popup-border-trace{0%{--toast-progress: 100%}to{--toast-progress: 0%}}.toast-anim-enter-active,.toast-anim-leave-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.toast-anim-enter-from{opacity:0;transform:translate(100%) scale(.8)}.toast-anim-leave-to{opacity:0;transform:translate(100%)}.toast-anim-move{transition:transform .4s cubic-bezier(.16,1,.3,1)}.grid-cards,.grid-form-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.grid-form-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.grid-charts-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:15px}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap .data-table{min-width:560px}@media (max-width: 1023px){.app-main{margin-left:0}.app-main-content{padding:16px 16px 40px}.app-mobile-header{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--glass-border);background:#0f111ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}}@media (max-width: 768px){:root{--text-size-xl: 1.75rem;--text-size-lg: 1.15rem}.dashboard-container{padding:16px 12px}.header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.header>div:first-child{justify-content:space-between;flex-wrap:wrap;gap:10px!important}.header-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;scrollbar-width:thin;padding-bottom:4px}.header-nav::-webkit-scrollbar{height:4px}.header-nav::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.header-nav .btn{flex-shrink:0;padding:8px 14px;font-size:.85rem}.header-actions{flex-wrap:wrap;gap:8px;justify-content:flex-end}.glass-panel{padding:16px;border-radius:var(--radius-md);margin-bottom:16px}.glass-panel:hover{transform:none}.data-table th,.data-table td{padding:10px 8px;font-size:.8rem}.btn{padding:9px 16px;font-size:.85rem}.btn-sm{padding:5px 10px;font-size:.7rem}.modal-content{max-width:95vw!important;margin:10px;width:calc(100vw - 20px)}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-footer{flex-wrap:wrap;gap:10px}.modal-footer .btn{flex:1 1 auto;min-width:0}.form-control{padding:10px 12px}.toast-container{top:10px;right:10px;left:10px}.toast{padding:12px 16px;font-size:.85rem}.toast-anim-enter-from,.toast-anim-leave-to{transform:translateY(-100%) scale(.9)}}@media (max-width: 480px){:root{--text-size-xl: 1.4rem}.dashboard-container{padding:10px 8px}.glass-panel{padding:14px}.data-table th,.data-table td{padding:8px 6px;font-size:.75rem}.modal-header h2{font-size:1.05rem}}.app-sidebar[data-v-2f5fee80]{position:fixed;top:0;left:0;bottom:0;width:232px;display:flex;flex-direction:column;background:#0f111ad9;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--glass-border);z-index:100;transition:transform .25s ease}.app-sidebar.is-collapsed[data-v-2f5fee80]{transform:translate(-232px)}.app-sidebar.is-mobile[data-v-2f5fee80]{transform:translate(-100%);box-shadow:4px 0 24px #00000080}.app-sidebar.is-mobile.is-open[data-v-2f5fee80]{transform:translate(0)}.app-sidebar-backdrop[data-v-2f5fee80]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99}.app-sidebar-collapse[data-v-2f5fee80]{position:absolute;top:50%;right:-20px;width:20px;height:64px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border);border-left:none;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#0f111aeb;color:var(--accent-cyan);font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:5px 0 18px #0000003d;transition:color .2s ease,border-color .2s ease,background .2s ease}.app-sidebar-collapse[data-v-2f5fee80]:hover{background:#00f0ff1f;border-color:#00f0ff73}.app-sidebar-brand[data-v-2f5fee80]{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;border-bottom:1px solid var(--glass-border)}.app-sidebar-logo[data-v-2f5fee80]{font-size:1.35rem;color:var(--accent-cyan);filter:drop-shadow(0 0 6px rgba(0,240,255,.5))}.app-sidebar-title[data-v-2f5fee80]{font-size:1.05rem;font-weight:700;background:-webkit-linear-gradient(45deg,var(--accent-cyan),var(--accent-magenta));-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar-nav[data-v-2f5fee80]{flex:1 1 auto;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.app-sidebar-link[data-v-2f5fee80]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .18s ease;border:1px solid transparent}.app-sidebar-link[data-v-2f5fee80]:hover{background:#00f0ff0f;color:var(--text-main);border-color:#00f0ff33}.app-sidebar-link.active[data-v-2f5fee80]{background:#00f0ff1f;color:var(--accent-cyan);border-color:#00f0ff66;box-shadow:0 0 0 1px #00f0ff1a inset}.app-sidebar-icon[data-v-2f5fee80]{font-size:1.05rem;width:22px;text-align:center;flex-shrink:0}.app-sidebar-label[data-v-2f5fee80]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar-bottom[data-v-2f5fee80]{padding:12px 14px;border-top:1px solid var(--glass-border);background:#00000040}.app-sidebar-user[data-v-2f5fee80]{display:flex;align-items:center;gap:10px;padding:6px 4px 10px}.app-sidebar-avatar[data-v-2f5fee80]{font-size:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--accent-cyan);background:#00f0ff1a;border:1px solid rgba(0,240,255,.3)}.app-sidebar-user-text[data-v-2f5fee80]{flex:1 1 auto;min-width:0}.app-sidebar-username[data-v-2f5fee80]{font-size:.85rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar-role[data-v-2f5fee80]{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.app-sidebar-actions[data-v-2f5fee80]{display:flex;gap:6px}.app-sidebar-actions .btn[data-v-2f5fee80]{flex:1 1 auto;padding:6px 8px;font-size:.75rem}