@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #1E293B;--primary-light: #334155;--accent: #3B82F6;--accent-hover: #2563EB;--accent-light: rgba(59, 130, 246, .1);--success: #10B981;--danger: #EF4444;--warning: #F59E0B;--bg-color: #F8FAFC;--surface: #FFFFFF;--surface-glass: rgba(255, 255, 255, .85);--text-main: #0F172A;--text-muted: #64748B;--border: #E2E8F0;--border-light: rgba(226, 232, 240, .5);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .07);--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px}html.dark{--primary: #F8FAFC;--primary-light: #E2E8F0;--bg-color: #0F172A;--surface: #1E293B;--surface-glass: rgba(30, 41, 59, .75);--text-main: #F8FAFC;--text-muted: #94A3B8;--border: #334155;--border-light: rgba(51, 65, 85, .5);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column;padding-top:60px}#app{display:flex;flex-direction:column;min-height:100vh;width:100%}.glass-panel{background:var(--surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:1rem}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{box-shadow:0 6px 20px #3b82f63b;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface);border-color:var(--text-muted)}.input-group{display:flex;flex-direction:column;gap:.25rem}.input-label{font-size:.9rem;font-weight:500;color:var(--text-muted)}.input-field{padding:.875rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-size:1rem;outline:none;transition:all .2s ease;width:100%}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.page-transition-enter-active,.page-transition-leave-active{transition:opacity .3s ease,transform .3s ease}.page-transition-enter-from,.page-transition-leave-to{opacity:0;transform:translateY(10px)}.page-header{margin-bottom:1rem;margin-left:10px}.page-title{font-size:2rem;font-weight:700;color:var(--text-main);margin-bottom:.25rem}.page-subtitle{color:var(--text-muted)}.grid{display:grid;gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.container{width:95%;max-width:100%;padding:0}}.topbar[data-v-67a2393a]{position:fixed;top:0;left:0;right:0;width:100%;z-index:50;padding:.4rem 0;border-radius:0;border-left:none;border-right:none;border-top:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--surface-glass)}.topbar-content[data-v-67a2393a]{display:flex;justify-content:space-between;align-items:center}.brand[data-v-67a2393a]{display:flex;align-items:center;gap:.75rem;color:var(--primary)}.icon-brand[data-v-67a2393a]{width:1.5rem;height:1.5rem;color:var(--accent)}.brand-text[data-v-67a2393a]{font-weight:700;font-size:1.25rem;letter-spacing:-.02em}.user-menu[data-v-67a2393a]{display:flex;align-items:center;gap:1.5rem}.user-greeting[data-v-67a2393a]{font-weight:500;color:var(--text-muted)}.desktop-only[data-v-67a2393a]{display:flex;align-items:center;gap:.25rem}.mobile-menu-toggle[data-v-67a2393a]{display:none}.btn-ghost[data-v-67a2393a]{background:transparent;color:var(--text-main);border:1px solid transparent}.btn-ghost[data-v-67a2393a]:hover{background:var(--border-light)}.divider-vertical[data-v-67a2393a]{width:1px;height:24px;background-color:var(--border);margin:0 .5rem}.nav-avatar-btn[data-v-67a2393a]{padding:0;width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.nav-avatar-img[data-v-67a2393a]{width:100%;height:100%;object-fit:cover}.user-dropdown-container[data-v-67a2393a]{position:relative}.dropdown-backdrop[data-v-67a2393a]{position:fixed;inset:0;z-index:90}.dropdown-menu[data-v-67a2393a]{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;padding:.5rem;display:flex;flex-direction:column;z-index:100;transform-origin:top right;animation:drop-fade-67a2393a .2s ease-out;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@keyframes drop-fade-67a2393a{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dropdown-header[data-v-67a2393a]{padding:.75rem 1rem}.user-name[data-v-67a2393a]{font-weight:600;color:var(--text-main);font-size:.95rem}.user-email[data-v-67a2393a]{font-size:.8rem}.text-muted[data-v-67a2393a]{color:var(--text-muted)}.dropdown-divider[data-v-67a2393a]{border:none;border-top:1px solid var(--border-light);margin:.25rem 0}.dropdown-item[data-v-67a2393a]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-main);font-size:.95rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background .2s ease}.dropdown-item[data-v-67a2393a]:hover{background:var(--border-light)}.drawer-overlay[data-v-67a2393a]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-overlay.is-open[data-v-67a2393a]{opacity:1;pointer-events:auto}.mobile-drawer[data-v-67a2393a]{position:fixed;top:0;right:0;bottom:0;width:280px;background:var(--bg-color);z-index:100;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-5px 0 25px #0000001a;border-radius:0!important}.mobile-drawer.is-open[data-v-67a2393a]{transform:translate(0)}.drawer-header[data-v-67a2393a]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light)}.drawer-title[data-v-67a2393a]{font-size:1.25rem}.drawer-content[data-v-67a2393a]{padding:1.5rem;display:flex;flex-direction:column;flex:1;overflow-y:auto}.drawer-user-info[data-v-67a2393a]{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.avatar[data-v-67a2393a]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700}.drawer-greeting[data-v-67a2393a]{font-size:1rem;color:var(--text-main)}.drawer-divider[data-v-67a2393a]{border:none;border-top:1px solid var(--border-light);margin:1.25rem 0}.drawer-btn[data-v-67a2393a]{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:none;background:transparent;color:var(--text-main);font-size:1rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .2s ease}.drawer-btn[data-v-67a2393a]:hover{background:var(--border-light)}.text-danger[data-v-67a2393a]{color:var(--danger)!important}.text-accent[data-v-67a2393a]{color:var(--accent)!important}.text-success[data-v-67a2393a]{color:var(--success)!important}@media(max-width:640px){.desktop-only[data-v-67a2393a]{display:none}.mobile-menu-toggle[data-v-67a2393a]{display:inline-flex}}.icon-sm[data-v-2f7daa30]{width:1.1rem;height:1.1rem}.icon-lg[data-v-2f7daa30]{width:3rem;height:3rem}.fab-container[data-v-2f7daa30]{display:none;position:fixed;flex-direction:column;align-items:flex-end;z-index:80}.fab-menu[data-v-2f7daa30]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;opacity:0;pointer-events:none;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-menu.is-open[data-v-2f7daa30]{opacity:1;pointer-events:auto;transform:translateY(0)}.fab-item[data-v-2f7daa30]{display:flex;align-items:center;gap:.75rem;background:transparent;border:none;cursor:pointer}.fab-label[data-v-2f7daa30]{background:var(--surface);color:var(--text-main);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.fab-icon-box[data-v-2f7daa30]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.fab-main[data-v-2f7daa30]{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.transition-transform[data-v-2f7daa30]{transition:transform .3s ease}.rotate-45[data-v-2f7daa30]{transform:rotate(45deg)}.bg-success[data-v-2f7daa30]{background:var(--success)}.bg-accent[data-v-2f7daa30]{background:var(--accent)}@media(max-width:640px){.fab-container[data-v-2f7daa30]{display:flex;bottom:1.5rem;right:1.5rem}}