:root{--color-primary: #5362FE;--color-secondary: #07488F;--color-accent: #486DB9;--color-info: #0662BE;--color-bg: #AEB7FB;--color-text: #454443;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-white: #ffffff;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sidebar-width: 260px;--header-height: 64px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease-in-out;--transition-normal: .2s ease-in-out;--transition-slow: .3s ease-in-out}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:light}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-white) 100%);min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-secondary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover,a:focus{color:var(--color-accent);outline:none}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button,.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;position:relative;overflow:hidden;letter-spacing:.025em;min-height:44px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--color-white);box-shadow:0 4px 15px #5362fe4d;border:2px solid transparent}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover,.btn-primary:focus{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #5362fe66;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-primary) 100%)}.btn-primary:active{transform:translateY(-1px) scale(1.01);box-shadow:0 4px 15px #5362fe4d}.btn-secondary{background:#ffffffe6;color:var(--color-primary);border:2px solid var(--color-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.btn-secondary:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--color-primary);transition:width .3s ease;z-index:-1}.btn-secondary:hover:before{width:100%}.btn-secondary:hover,.btn-secondary:focus{color:var(--color-white);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #5362fe33;border-color:var(--color-primary)}.btn-secondary:active{transform:translateY(-1px) scale(1.01)}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:3px solid rgba(83,98,254,.5);outline-offset:2px}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-loading{pointer-events:none;position:relative}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){button,.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-lg);min-height:48px;font-size:var(--font-size-sm)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);min-height:52px;font-size:var(--font-size-base)}}.card{background-color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-xl);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-4{gap:var(--spacing-md)}.gap-6{gap:var(--spacing-lg)}.gap-8{gap:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:var(--spacing-lg)}.mb-8{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-6{padding:var(--spacing-lg)}.p-8{padding:var(--spacing-xl)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}@media (max-width: 1024px){:root{--sidebar-width: 0px}.container{padding:0 var(--spacing-md)}}@media (max-width: 768px){.container{padding:0 var(--spacing-sm)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-xl)}}#app{width:100%;min-height:100vh}.header[data-v-d57a739d]{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--color-white);border-bottom:1px solid var(--color-gray-200);z-index:998;display:block}.header__content[data-v-d57a739d]{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-lg)}.menu-button[data-v-d57a739d]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:none;cursor:pointer;padding:0;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.menu-button[data-v-d57a739d]:hover{background-color:var(--color-gray-100)}.menu-button[data-v-d57a739d]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.hamburger[data-v-d57a739d]{display:flex;flex-direction:column;gap:4px;width:20px;height:16px}.hamburger__line[data-v-d57a739d]{width:100%;height:2px;background-color:var(--color-secondary);border-radius:1px;transition:all var(--transition-fast)}.header__logo[data-v-d57a739d]{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;justify-content:center;margin-left:-44px}.logo-circle[data-v-d57a739d]{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-text[data-v-d57a739d]{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-white)}.header__title[data-v-d57a739d]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary)}.header__actions[data-v-d57a739d]{width:44px;display:flex;justify-content:flex-end}@media (min-width: 1024px){.header[data-v-d57a739d]{display:none}}.menu-button:hover .hamburger__line[data-v-d57a739d]:nth-child(1):not(.hamburger--active .hamburger__line){transform:translateY(-1px)}.menu-button:hover .hamburger__line[data-v-d57a739d]:nth-child(3):not(.hamburger--active .hamburger__line){transform:translateY(1px)}.menu-button:active .hamburger__line[data-v-d57a739d]{transform:scale(.9)}.hamburger--active .hamburger__line[data-v-d57a739d]:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger--active .hamburger__line[data-v-d57a739d]:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger--active .hamburger__line[data-v-d57a739d]:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-button--active[data-v-d57a739d]{background-color:var(--color-gray-100)}.tom-btn[data-v-b2e340c0]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-md);font-family:inherit;font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;text-decoration:none;outline:none;position:relative;overflow:hidden}.tom-btn[data-v-b2e340c0]:focus{box-shadow:0 0 0 3px #5362fe1a}.tom-btn-small[data-v-b2e340c0]{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:32px}.tom-btn-small svg[data-v-b2e340c0]{width:16px;height:16px}.tom-btn-medium[data-v-b2e340c0]{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);min-height:40px}.tom-btn-medium svg[data-v-b2e340c0]{width:20px;height:20px}.tom-btn-large[data-v-b2e340c0]{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-height:48px}.tom-btn-large svg[data-v-b2e340c0]{width:24px;height:24px}.tom-btn-primary[data-v-b2e340c0]{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-md)}.tom-btn-primary[data-v-b2e340c0]:hover:not(.tom-btn-disabled):not(.tom-btn-loading){background:var(--color-accent);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.tom-btn-secondary[data-v-b2e340c0]{background:var(--color-white);color:var(--color-secondary);border:1px solid var(--color-gray-300);box-shadow:var(--shadow-sm)}.tom-btn-secondary[data-v-b2e340c0]:hover:not(.tom-btn-disabled):not(.tom-btn-loading){background:var(--color-gray-50);border-color:var(--color-gray-400);transform:translateY(-1px);box-shadow:var(--shadow-md)}.tom-btn-danger[data-v-b2e340c0]{background:var(--color-error);color:var(--color-white);box-shadow:var(--shadow-md)}.tom-btn-danger[data-v-b2e340c0]:hover:not(.tom-btn-disabled):not(.tom-btn-loading){background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.tom-btn-action[data-v-b2e340c0]{width:40px;height:40px;padding:0;border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-700);min-height:unset;border:1px solid var(--color-gray-300);box-shadow:var(--shadow-sm)}.tom-btn-action[data-v-b2e340c0]:hover:not(.tom-btn-disabled):not(.tom-btn-loading){background:var(--color-gray-50);border-color:var(--color-gray-400);transform:scale(1.05);box-shadow:var(--shadow-md)}.tom-btn-action[data-v-b2e340c0]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #5362fe1a}.tom-btn-action-selected[data-v-b2e340c0]{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.tom-btn-action-selected[data-v-b2e340c0]:hover:not(.tom-btn-disabled):not(.tom-btn-loading){background:var(--color-accent);border-color:var(--color-accent)}.tom-btn-action-delete[data-v-b2e340c0]{border-color:var(--color-red-300)}.tom-btn-action-delete[data-v-b2e340c0]:hover:not(.tom-btn-disabled):not(.tom-btn-loading){background:var(--color-error);color:var(--color-white);border-color:var(--color-error);box-shadow:var(--shadow-lg)}.tom-btn-disabled[data-v-b2e340c0]{opacity:.5;cursor:not-allowed;transform:none!important}.tom-btn-loading[data-v-b2e340c0]{cursor:wait}.tom-btn-spinner[data-v-b2e340c0]{display:flex;align-items:center;justify-content:center}.tom-btn-spinner svg[data-v-b2e340c0]{animation:tom-btn-spin-b2e340c0 1s linear infinite}@keyframes tom-btn-spin-b2e340c0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tom-btn-text[data-v-b2e340c0]{display:flex;align-items:center}.tom-btn-icon-only[data-v-b2e340c0]{aspect-ratio:1;padding:0;gap:0;justify-content:center}.tom-btn-icon-only.tom-btn-small[data-v-b2e340c0]{width:32px;height:32px}.tom-btn-icon-only.tom-btn-medium[data-v-b2e340c0]{width:40px;height:40px}.tom-btn-icon-only.tom-btn-large[data-v-b2e340c0]{width:48px;height:48px}.tom-btn-text-only[data-v-b2e340c0]{gap:0}.tom-btn-icon-text[data-v-b2e340c0]{gap:var(--spacing-sm)}.tom-btn-action[data-v-b2e340c0]{gap:0;aspect-ratio:1;justify-content:center}@media (max-width: 768px){.tom-btn-icon-text .tom-btn-text[data-v-b2e340c0]{font-size:var(--font-size-sm)}.tom-btn-icon-text svg[data-v-b2e340c0]{width:16px;height:16px}.tom-btn-medium[data-v-b2e340c0]:not(.tom-btn-icon-only):not(.tom-btn-action){padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.tom-btn-large[data-v-b2e340c0]:not(.tom-btn-icon-only):not(.tom-btn-action){padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base)}.tom-btn-icon-only.tom-btn-small[data-v-b2e340c0]{min-width:36px;min-height:36px}.tom-btn-icon-only.tom-btn-medium[data-v-b2e340c0]{min-width:44px;min-height:44px}}@media (max-width: 480px){.tom-btn-icon-text.tom-btn-responsive .tom-btn-text[data-v-b2e340c0]{display:none}.tom-btn-icon-text.tom-btn-responsive[data-v-b2e340c0]{width:40px;height:40px;padding:0;gap:0}}.sidebar[data-v-7f4a74a3]{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--color-secondary);color:var(--color-white);z-index:1000;transform:translate(-100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-xl)}.sidebar--open[data-v-7f4a74a3]{transform:translate(0)}.sidebar__header[data-v-7f4a74a3]{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar__logo[data-v-7f4a74a3]{display:flex;align-items:center;gap:var(--spacing-md)}.logo-circle[data-v-7f4a74a3]{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-text[data-v-7f4a74a3]{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);color:var(--color-white)}.sidebar__title h2[data-v-7f4a74a3]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-white);margin:0;line-height:1.2}.sidebar__title p[data-v-7f4a74a3]{font-size:var(--font-size-sm);color:#ffffffb3;margin:2px 0 0}.sidebar__nav[data-v-7f4a74a3]{flex:1;padding:var(--spacing-lg) 0;min-height:200px;overflow-y:auto}.nav-list[data-v-7f4a74a3]{list-style:none;margin:0;padding:0;width:100%}.nav-item[data-v-7f4a74a3]{margin-bottom:var(--spacing-xs);width:100%}.nav-link[data-v-7f4a74a3]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:#ffffffe6;text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin-right:var(--spacing-lg);position:relative;min-height:48px;width:100%;box-sizing:border-box}.nav-link[data-v-7f4a74a3]:hover{background-color:#ffffff1a;color:var(--color-white);transform:translate(4px)}.nav-link--active[data-v-7f4a74a3]{background-color:#ffffff26;color:var(--color-white);font-weight:var(--font-weight-semibold)}.nav-link--active[data-v-7f4a74a3]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:0 2px 2px 0}.nav-icon[data-v-7f4a74a3]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label[data-v-7f4a74a3]{font-size:var(--font-size-base)}.login-section[data-v-7f4a74a3]{margin-top:var(--spacing-lg);padding:var(--spacing-md) 0}.login-divider[data-v-7f4a74a3]{height:1px;background:#ffffff1a;margin:0 var(--spacing-lg) var(--spacing-md) var(--spacing-lg)}.login-link[data-v-7f4a74a3]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:#fffc;text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border-radius:0 var(--radius-lg) var(--radius-lg) 0;margin-right:var(--spacing-lg);position:relative;min-height:48px;width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.login-link[data-v-7f4a74a3]:hover{background-color:#ffffff1a;color:var(--color-white);transform:translate(4px);border-color:#fff3}.login-link--active[data-v-7f4a74a3]{background-color:#ffffff26;color:var(--color-white);font-weight:var(--font-weight-semibold);border-color:#ffffff4d}.login-link--active[data-v-7f4a74a3]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:0 2px 2px 0}.login-icon[data-v-7f4a74a3]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-label[data-v-7f4a74a3]{font-size:var(--font-size-base)}.sidebar__user[data-v-7f4a74a3]{padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--spacing-md)}.user-info[data-v-7f4a74a3]{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.user-info--clickable[data-v-7f4a74a3]{text-decoration:none;color:inherit;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;position:relative;border:1px solid transparent}.user-info--clickable[data-v-7f4a74a3]:hover{background:#ffffff1a;border-color:#fff3;transform:translate(2px)}.profile-arrow[data-v-7f4a74a3]{color:#fff9;transition:all var(--transition-fast);margin-left:auto}.user-info--clickable:hover .profile-arrow[data-v-7f4a74a3]{color:#ffffffe6;transform:translate(2px)}.user-avatar[data-v-7f4a74a3]{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-text[data-v-7f4a74a3]{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-white)}.user-details[data-v-7f4a74a3]{flex:1;min-width:0}.user-name[data-v-7f4a74a3]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-7f4a74a3]{font-size:var(--font-size-xs);color:#ffffffb3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn[data-v-7f4a74a3]{width:100%;padding:var(--spacing-sm);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.logout-btn[data-v-7f4a74a3]:hover{background:#ffffff26;color:var(--color-white)}.sidebar__footer[data-v-7f4a74a3]{padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.footer-text[data-v-7f4a74a3]{font-size:var(--font-size-xs);color:#fff9;text-align:center;margin:0}.sidebar-overlay[data-v-7f4a74a3]{position:fixed;inset:0;background-color:#00000080;z-index:999;opacity:0;animation:fadeIn-7f4a74a3 var(--transition-normal) forwards;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.mobile-nav-overlay[data-v-7f4a74a3]{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:400px;max-height:80vh;overflow-y:auto;animation:slideInUp-7f4a74a3 var(--transition-normal) ease-out;display:flex;flex-direction:column}.mobile-nav-header[data-v-7f4a74a3]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200)}.mobile-logo[data-v-7f4a74a3]{display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-logo .logo-circle[data-v-7f4a74a3]{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-logo .logo-text[data-v-7f4a74a3]{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-white)}.mobile-title[data-v-7f4a74a3]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-secondary)}.mobile-close-btn[data-v-7f4a74a3]{width:40px;height:40px;border:none;background:var(--color-gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast)}.mobile-close-btn[data-v-7f4a74a3]:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.mobile-nav[data-v-7f4a74a3]{flex:1;padding:var(--spacing-md) 0}.mobile-nav-list[data-v-7f4a74a3]{list-style:none;margin:0;padding:0}.mobile-nav-item[data-v-7f4a74a3]{margin-bottom:var(--spacing-xs)}.mobile-nav-link[data-v-7f4a74a3]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border-radius:var(--radius-lg);margin:0 var(--spacing-md);position:relative}.mobile-nav-link[data-v-7f4a74a3]:hover{background-color:var(--color-gray-50);transform:translate(4px)}.mobile-nav-link--active[data-v-7f4a74a3]{background-color:var(--color-primary);color:var(--color-white)}.mobile-nav-icon[data-v-7f4a74a3]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px}.mobile-nav-label[data-v-7f4a74a3]{flex:1;font-size:var(--font-size-base)}.mobile-nav-arrow[data-v-7f4a74a3]{color:var(--color-gray-400);transition:transform var(--transition-fast)}.mobile-nav-link:hover .mobile-nav-arrow[data-v-7f4a74a3]{transform:translate(2px)}.mobile-login-section[data-v-7f4a74a3]{margin-top:var(--spacing-md);padding:var(--spacing-md) 0}.mobile-login-divider[data-v-7f4a74a3]{height:1px;background:var(--color-gray-200);margin:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.mobile-login-link[data-v-7f4a74a3]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-fast);border-radius:var(--radius-lg);margin:0 var(--spacing-md);position:relative;border:1px solid var(--color-gray-200);background:var(--color-gray-50)}.mobile-login-link[data-v-7f4a74a3]:hover{background-color:var(--color-gray-100);transform:translate(4px);border-color:var(--color-gray-300)}.mobile-login-link--active[data-v-7f4a74a3]{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.mobile-nav-footer[data-v-7f4a74a3]{padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200);text-align:center}.mobile-nav-footer p[data-v-7f4a74a3]{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.mobile-user-section[data-v-7f4a74a3]{margin-top:var(--spacing-md);padding:var(--spacing-md) 0}.mobile-user-divider[data-v-7f4a74a3]{height:1px;background:var(--color-gray-200);margin:0 var(--spacing-md) var(--spacing-md) var(--spacing-md)}.mobile-user-link[data-v-7f4a74a3]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text);text-decoration:none;transition:all var(--transition-fast);border-radius:var(--radius-lg);margin:0 var(--spacing-md) var(--spacing-sm) var(--spacing-md);position:relative;border:1px solid var(--color-gray-200);background:var(--color-gray-50)}.mobile-user-link[data-v-7f4a74a3]:hover{background-color:var(--color-gray-100);transform:translate(4px);border-color:var(--color-gray-300)}.mobile-user-link--active[data-v-7f4a74a3]{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.mobile-user-avatar[data-v-7f4a74a3]{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-avatar-text[data-v-7f4a74a3]{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-white)}.mobile-user-info[data-v-7f4a74a3]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.mobile-user-name[data-v-7f4a74a3]{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-user-email[data-v-7f4a74a3]{font-size:var(--font-size-sm);color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-user-link--active .mobile-user-email[data-v-7f4a74a3]{color:#fffc}.mobile-logout-btn[data-v-7f4a74a3]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);color:var(--color-error);border:1px solid var(--color-error-light);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);margin:0 var(--spacing-md);width:calc(100% - calc(var(--spacing-md) * 2))}.mobile-logout-btn[data-v-7f4a74a3]:hover{background:var(--color-error-light);color:var(--color-error-dark);transform:translate(4px);border-color:var(--color-error)}.mobile-logout-icon[data-v-7f4a74a3]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-logout-label[data-v-7f4a74a3]{flex:1;text-align:left}@keyframes slideInUp-7f4a74a3{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn-7f4a74a3{to{opacity:1}}@media (min-width: 1024px){.sidebar[data-v-7f4a74a3]{position:fixed;transform:translate(0);height:100vh;z-index:100}.sidebar--open[data-v-7f4a74a3]{transform:translate(0)}.sidebar-overlay[data-v-7f4a74a3]{display:none}}@media (max-width: 1023px){.sidebar[data-v-7f4a74a3]{z-index:1001;width:min(var(--sidebar-width),80vw)}.sidebar-overlay[data-v-7f4a74a3]{z-index:1000}}@media (max-width: 480px){.sidebar[data-v-7f4a74a3]{width:min(var(--sidebar-width),90vw)}.sidebar__header[data-v-7f4a74a3]{padding:var(--spacing-lg)}.logo-circle[data-v-7f4a74a3]{width:40px;height:40px}.sidebar__title h2[data-v-7f4a74a3]{font-size:var(--font-size-base)}.sidebar__title p[data-v-7f4a74a3]{font-size:var(--font-size-xs)}.mobile-nav-overlay[data-v-7f4a74a3]{max-width:95vw;max-height:85vh;margin:var(--spacing-sm)}.mobile-nav-header[data-v-7f4a74a3]{padding:var(--spacing-md)}.mobile-title[data-v-7f4a74a3]{font-size:var(--font-size-base)}.mobile-nav-link[data-v-7f4a74a3]{padding:var(--spacing-sm) var(--spacing-md);margin:0 var(--spacing-sm)}}.sidebar[data-v-7f4a74a3]::-webkit-scrollbar{width:6px}.sidebar[data-v-7f4a74a3]::-webkit-scrollbar-track{background:#ffffff1a}.sidebar[data-v-7f4a74a3]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar[data-v-7f4a74a3]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.layout[data-v-9bb86487]{display:flex;min-height:100vh;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-white) 100%)}.main-content[data-v-9bb86487]{flex:1;display:flex;flex-direction:column;min-height:100vh;margin-left:0;padding-top:var(--header-height)}.content-wrapper[data-v-9bb86487]{flex:1;padding:var(--spacing-lg);max-width:1200px;margin:0 auto;width:100%}@media (min-width: 1024px){.main-content[data-v-9bb86487]{margin-left:var(--sidebar-width);padding-top:0}.content-wrapper[data-v-9bb86487]{padding:var(--spacing-2xl)}}@media (min-width: 768px) and (max-width: 1023px){.content-wrapper[data-v-9bb86487]{padding:var(--spacing-xl)}}@media (max-width: 480px){.content-wrapper[data-v-9bb86487]{padding:var(--spacing-md)}}