@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300..900;1,300..900&family=Poiret+One&display=swap";:root,body.light,html.light{--theme:light;--primary:#7226ff;--primary-hover:#5e1cdb;--primary-active:#4e12be;--primary-glow:#7226ff40;--primary-muted:#7226ff1f;--accent-cyan:#0284c7;--accent-cyan-hover:#0369a1;--accent-cyan-glow:#0284c726;--accent-purple-light:#7226ff;--accent-purple-glow:#7226ff33;--color-navy:#1e293b;--bg-primary:#f1f5f9;--bg-secondary:#fff;--bg-sidebar:linear-gradient(180deg, #7226ff, #5616cc);--bg-topbar:#fffffff2;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-card-glass:#ffffffeb;--bg-surface:#fff;--bg-surface-elevated:#e2e8f0;--bg-surface-item:#f8fafc;--bg-input:#fff;--border-color:#cbd5e1;--border-focus:#7226ff;--border-subtle:#e2e8f0;--text-main:#1e293b;--text-muted:#475569;--text-highlight:#0f172a;--accent-blue:#0284c7;--gradient-brand:linear-gradient(135deg, #7226ff, #9333ea 50%, #00e2e0);--gradient-primary:linear-gradient(135deg, #7226ff, #5e1cdb);--gradient-cyan:linear-gradient(135deg, #0284c7, #7226ff);--gradient-card:linear-gradient(180deg, #fff, #f8fafc);--gradient-glow:radial-gradient(circle at 50% 0%, #7226ff1f, transparent 70%);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0f172a14;--shadow-md:0 4px 16px -2px #0f172a1a, 0 2px 6px -1px #0f172a0d;--shadow-lg:0 16px 36px -4px #0f172a1f, 0 4px 12px -2px #0f172a0f;--shadow-glow:0 0 20px #7226ff33;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}:root,body.dark,body.light,html.dark,html.light{--text-dim:#64748b;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e}body.dark,html.dark{--theme:dark;--primary:#7c3aed;--primary-hover:#8b5cf6;--primary-active:#6d28d9;--primary-glow:#7c3aed59;--accent-cyan:#06b6d4;--accent-cyan-hover:#22d3ee;--accent-cyan-glow:#06b6d440;--accent-purple-light:#a78bfa;--accent-purple-glow:#a78bfa40;--color-navy:#181a24;--bg-primary:#0e1017;--bg-secondary:#141722;--bg-sidebar:#131520;--bg-topbar:#131520e6;--bg-card:#181b28;--bg-card-hover:#1f2334;--bg-card-glass:#181b28c7;--bg-surface:#141722;--bg-surface-elevated:#1a1e2d;--bg-surface-item:#131622;--bg-input:#1a1e2d;--border-color:#ffffff14;--border-focus:#7c3aed;--border-subtle:#ffffff0d;--text-main:#cbd5e1;--text-muted:#94a3b8;--text-highlight:#fff;--accent-blue:#38bdf8;--gradient-brand:linear-gradient(135deg, #7c3aed, #a78bfa 50%, #06b6d4);--gradient-primary:linear-gradient(135deg, #7c3aed, #8b5cf6);--gradient-cyan:linear-gradient(135deg, #06b6d4, #7c3aed);--gradient-card:linear-gradient(180deg, #ffffff05, #141722cc);--gradient-glow:radial-gradient(circle at 50% 0%, #7c3aed26, transparent 70%);--shadow-sm:0 2px 8px #00000059;--shadow-md:0 8px 24px #00000080;--shadow-lg:0 20px 40px #000000b3;--shadow-glow:0 0 25px #7c3aed40}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);font-family:Montserrat,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}html.light body{background-image:radial-gradient(circle at 100% 0,#6366f10a,#0000 50%),radial-gradient(circle at 0 100%,#0284c708,#0000 45%)}html.dark body{background-image:radial-gradient(circle at 100% 0,#7c3aed0f,#0000 50%),radial-gradient(circle at 0 100%,#06b6d40a,#0000 45%)}h1,h2,h3,h4,h5,h6{color:var(--text-highlight);letter-spacing:.03em;font-family:Poiret One,cursive,sans-serif;font-weight:700;line-height:1.25}.font-display,.font-poiret{letter-spacing:.04em;font-family:Poiret One,cursive,sans-serif!important}.font-body,.font-montserrat{font-family:Montserrat,system-ui,-apple-system,sans-serif!important}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-cyan{color:var(--accent-cyan)!important}.text-primary,.text-violet{color:var(--primary)!important}.text-purple-light{color:var(--accent-purple-light)!important}.text-purple{color:#7c3aed!important}html.dark .text-purple{color:#c084fc!important}.text-emerald{color:#059669!important}html.dark .text-emerald{color:#34d399!important}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d}html.dark .badge-pending{color:#fbbf24;background:#f59e0b26}.badge-active,.badge-approved{color:#059669;background:#10b9811f;border:1px solid #10b9814d}html.dark .badge-active,html.dark .badge-approved{color:#34d399;background:#10b98126}.badge-expired,.badge-rejected{color:#e11d48;background:#f43f5e1f;border:1px solid #f43f5e4d}html.dark .badge-expired,html.dark .badge-rejected{color:#fb7185;background:#f43f5e26}.badge-cyan{color:var(--accent-cyan);background:#0284c71a;border:1px solid #0284c740}html.dark .badge-cyan{color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d44d}.badge-primary,.badge-violet{color:var(--primary);background:#6366f11a;border:1px solid #6366f140}html.dark .badge-primary,html.dark .badge-violet{color:#c4a1ff;background:#7c3aed29;border:1px solid #7c3aed59}.badge-base{color:var(--text-main);background:#64748b1f}.badge-base,.card-glass{border:1px solid var(--border-color)}.card-glass{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.card-glass:hover{box-shadow:var(--shadow-md);border-color:#6366f166}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-family:Montserrat,sans-serif;font-size:.92rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--text-highlight)}.btn-cyan{background:var(--accent-cyan);color:#fff;box-shadow:0 4px 14px var(--accent-cyan-glow);font-weight:700}.btn-cyan:hover{background:var(--accent-cyan-hover);transform:translateY(-2px)}.btn-success{color:#fff;background:#10b981;box-shadow:0 4px 14px #10b98140}.btn-success:hover{background:#059669;transform:translateY(-2px)}.btn-danger{color:#e11d48;background:#f43f5e1f;border:1px solid #f43f5e4d}html.dark .btn-danger{color:#fb7185}.btn-danger:hover{color:#fff;background:#f43f5e}.btn-sm{border-radius:6px;padding:.4rem .85rem;font-size:.82rem}.btn-theme-toggle{background:var(--bg-surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-theme-toggle:hover{background:var(--bg-card-hover);color:var(--text-highlight);border-color:var(--primary)}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24;direction:ltr;justify-content:center;align-items:center;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-flex;font-family:Material Symbols Rounded!important}.color-cyan,.icon-cyan{color:var(--accent-cyan)!important}.color-purple,.icon-purple{color:#8b5cf6!important}.color-amber,.icon-amber{color:#f59e0b!important}.color-emerald,.icon-emerald{color:#10b981!important}.color-rose,.icon-rose{color:#f43f5e!important}.color-blue,.icon-blue{color:#0284c7!important}html.dark .icon-cyan{filter:drop-shadow(0 0 6px #06b6d473)}html.dark .icon-purple{filter:drop-shadow(0 0 6px #8b5cf673)}html.dark .icon-amber{filter:drop-shadow(0 0 6px #f59e0b73)}html.dark .icon-emerald{filter:drop-shadow(0 0 6px #10b98173)}.icon-xs{font-size:14px!important}.icon-sm{font-size:17px!important}.icon-md{font-size:22px!important}.icon-lg{font-size:28px!important}.icon-xl{font-size:34px!important}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.2rem;display:flex}.form-label{color:var(--text-main);font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-highlight);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;padding:.7rem 1rem;font-family:inherit;font-size:.92rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow)}.data-table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.data-table th{background:var(--bg-surface-elevated);color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;padding:.9rem 1.2rem;font-size:.74rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);padding:1rem 1.2rem}.data-table tr:hover td{background:var(--bg-card-hover)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172ab3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}html.dark .modal-overlay{background:#02040ad9}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);padding:2rem;animation:.2s cubic-bezier(.16,1,.3,1) modalEnter;position:relative}@keyframes modalEnter{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (width<=768px){.modal-overlay{align-items:flex-end;padding:.75rem}.modal-content{border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:100%;max-height:88vh;padding:1.25rem 1rem;overflow-y:auto}.data-table-wrapper{-webkit-overflow-scrolling:touch}.data-table td,.data-table th{padding:.75rem .85rem;font-size:.82rem}}html.light .layout-default .navbar{background:linear-gradient(135deg,#7226ff,#5616cc)!important;border-bottom:1px solid #ffffff2e!important;box-shadow:0 4px 20px #7226ff38!important}html.light .layout-default .navbar .nav-logo{color:#fff!important}html.light .layout-default .navbar .nav-logo .text-cyan{text-shadow:0 0 10px #00f2fe80;color:#00f2fe!important}html.light .layout-default .navbar .nav-link{font-weight:500;color:#ffffffe0!important}html.light .layout-default .navbar .nav-link.router-link-active,html.light .layout-default .navbar .nav-link:hover{text-shadow:0 0 8px #ffffff80;color:#fff!important}html.light .layout-default .navbar .btn-secondary{box-shadow:none;color:#fff!important;background:#ffffff29!important;border-color:#ffffff59!important}html.light .layout-default .navbar .btn-secondary:hover{color:#fff!important;background:#ffffff42!important}html.light .layout-default .navbar .btn-primary{color:#7226ff!important;background:#fff!important;border-color:#fff!important;font-weight:700!important;box-shadow:0 4px 14px #00000026!important}html.light .layout-default .navbar .btn-primary:hover{color:#5514c7!important;background:#f8fafc!important}html.light .layout-default .navbar .btn-theme-toggle{color:#fff!important;background:#ffffff29!important;border-color:#ffffff59!important}html.light .admin-layout .sidebar{background:linear-gradient(#7226ff,#5616cc)!important;border-right:1px solid #ffffff26!important;box-shadow:4px 0 25px #7226ff2e!important}html.light .admin-layout .sidebar .brand-title{color:#fff!important}html.light .admin-layout .sidebar .brand-sub{text-shadow:0 0 10px #00f2fe66;color:#00f2fe!important}html.light .admin-layout .sidebar .sidebar-header{border-bottom:1px solid #ffffff26!important}html.light .admin-layout .sidebar .sidebar-footer{border-top:1px solid #ffffff26!important}html.light .admin-layout .sidebar .nav-section-title{color:#ffffffa6!important}html.light .admin-layout .sidebar .nav-item{color:#ffffffe0!important}html.light .admin-layout .sidebar .nav-item svg{color:#ffffffd9!important}html.light .admin-layout .sidebar .nav-item:hover{color:#fff!important;background:#ffffff29!important}html.light .admin-layout .sidebar .nav-item.active{color:#fff!important;background:#ffffff38!important;border-left:3.5px solid #00f2fe!important}html.light .admin-layout .sidebar .nav-item.active svg{filter:drop-shadow(0 0 8px #00f2fe99);color:#00f2fe!important}html.light .admin-layout .sidebar .nav-counter{color:#020617!important;background:#00f2fe!important;font-weight:800!important;box-shadow:0 0 12px #00f2fe73!important}html.light .admin-layout .sidebar .user-name{color:#fff!important}html.light .admin-layout .sidebar .user-role{color:#ffffffb8!important}html.light .admin-layout .sidebar .logout-btn{color:#fff!important;background:#ffffff29!important;border:1px solid #ffffff59!important}html.light .admin-layout .sidebar .logout-btn:hover{color:#fff!important;background:#ffffff47!important}.app-root[data-v-57494e89]{flex-direction:column;min-height:100vh;display:flex}