.app-header[data-v-5a28e48a]{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--white);box-shadow:var(--shadow-md);z-index:1000;backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200);transition:all var(--transition-fast)}.header-content[data-v-5a28e48a]{display:flex;align-items:center;justify-content:space-between;height:100%;gap:2rem;padding:0 1rem}.logo[data-v-5a28e48a]{flex-shrink:0}.logo .logo-link[data-v-5a28e48a]{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--gray-900);font-weight:700;font-size:1.5rem;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.logo .logo-link[data-v-5a28e48a]:hover{background:var(--gray-50);transform:translateY(-1px)}.logo .logo-link .logo-icon[data-v-5a28e48a]{font-size:2rem;color:var(--primary-color)}.logo .logo-link .logo-text[data-v-5a28e48a]{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu[data-v-5a28e48a]{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.nav-menu .nav-link[data-v-5a28e48a]{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--gray-600);font-weight:500;transition:all var(--transition-fast);position:relative;padding:.75rem 1.25rem;border-radius:var(--radius-md);min-height:44px}.nav-menu .nav-link[data-v-5a28e48a]:hover{color:var(--primary-color);background:var(--gray-50);transform:translateY(-1px)}.nav-menu .nav-link.router-link-active[data-v-5a28e48a]{color:var(--primary-color);background:var(--primary-color);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:var(--white);box-shadow:var(--shadow-md)}.nav-menu .nav-link.router-link-active[data-v-5a28e48a]:hover{color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.header-actions[data-v-5a28e48a]{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.user-menu-btn[data-v-5a28e48a]{display:flex;align-items:center;gap:.75rem;background:var(--white);border:1px solid var(--gray-200);padding:.5rem 1rem;border-radius:var(--radius-lg);min-height:44px;transition:all var(--transition-fast)}.user-menu-btn[data-v-5a28e48a]:hover{background:var(--gray-50);border-color:var(--gray-300);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-menu-btn .username[data-v-5a28e48a]{font-weight:500;color:var(--gray-900)}.auth-link[data-v-5a28e48a]{text-decoration:none}.auth-link .auth-btn[data-v-5a28e48a]{min-height:44px;padding:.5rem 1.25rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.auth-link .auth-btn[data-v-5a28e48a]:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.mobile-menu-toggle[data-v-5a28e48a]{display:none}.mobile-menu[data-v-5a28e48a]{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--white);z-index:999;box-shadow:var(--shadow-lg)}.mobile-menu .mobile-menu-content[data-v-5a28e48a]{padding:2rem 1rem;display:flex;flex-direction:column;gap:1rem}.mobile-menu .mobile-nav-link[data-v-5a28e48a]{display:flex;align-items:center;gap:1rem;padding:1rem;text-decoration:none;color:var(--gray-700);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-menu .mobile-nav-link[data-v-5a28e48a]:hover{background:var(--gray-100);color:var(--primary-color)}.mobile-menu .mobile-nav-link.logout-btn[data-v-5a28e48a]{background:none;border:none;width:100%;text-align:left;cursor:pointer;color:var(--danger-color)}.mobile-menu .mobile-nav-link.logout-btn[data-v-5a28e48a]:hover{background:var(--danger-color);color:var(--white)}.mobile-menu .mobile-user-section[data-v-5a28e48a]{border-top:1px solid var(--gray-200);padding-top:1rem;margin-top:1rem}.mobile-menu .mobile-user-info[data-v-5a28e48a]{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem}.mobile-menu .mobile-user-details .mobile-username[data-v-5a28e48a]{font-weight:600;color:var(--gray-900)}.mobile-menu .mobile-user-details .mobile-user-email[data-v-5a28e48a]{font-size:.875rem;color:var(--gray-600)}.mobile-menu .mobile-auth-section[data-v-5a28e48a]{border-top:1px solid var(--gray-200);padding-top:1rem;margin-top:1rem}.app-main[data-v-5a28e48a]{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height));padding:2rem 0}.app-footer[data-v-5a28e48a]{background:var(--gray-900);color:var(--gray-300);padding:3rem 0 1rem}.app-footer .footer-content[data-v-5a28e48a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.app-footer .footer-section h4[data-v-5a28e48a]{color:var(--white);margin-bottom:1rem}.app-footer .footer-section a[data-v-5a28e48a]{display:block;color:var(--gray-300);text-decoration:none;margin-bottom:.5rem}.app-footer .footer-section a[data-v-5a28e48a]:hover{color:var(--primary-color)}.app-footer .footer-bottom[data-v-5a28e48a]{border-top:1px solid var(--gray-700);padding-top:1rem;text-align:center}.page-enter-active[data-v-5a28e48a],.page-leave-active[data-v-5a28e48a]{transition:all var(--transition-normal)}.page-enter-from[data-v-5a28e48a]{opacity:0;transform:translateX(20px)}.page-leave-to[data-v-5a28e48a]{opacity:0;transform:translateX(-20px)}[data-theme=dark] .app-header[data-v-5a28e48a]{background:var(--white);border-bottom-color:var(--gray-200)}[data-theme=dark] .logo-link[data-v-5a28e48a]{color:var(--gray-900)}[data-theme=dark] .logo-link[data-v-5a28e48a]:hover{background:var(--gray-50)}[data-theme=dark] .nav-link[data-v-5a28e48a]{color:var(--gray-600)}[data-theme=dark] .nav-link[data-v-5a28e48a]:hover{color:var(--primary-color);background:var(--gray-50)}[data-theme=dark] .nav-link.router-link-active[data-v-5a28e48a]{color:var(--white);background:var(--primary-color)}[data-theme=dark] .user-menu-btn[data-v-5a28e48a]{background:var(--white);border-color:var(--gray-200)}[data-theme=dark] .user-menu-btn[data-v-5a28e48a]:hover{background:var(--gray-50);border-color:var(--gray-300)}[data-theme=dark] .user-menu-btn .username[data-v-5a28e48a]{color:var(--gray-900)}[data-theme=dark] .auth-btn.el-button--primary[data-v-5a28e48a]{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}[data-theme=dark] .auth-btn.el-button--primary[data-v-5a28e48a]:hover{background:var(--primary-dark);border-color:var(--primary-dark)}[data-theme=dark] .auth-btn.el-button--primary.is-plain[data-v-5a28e48a]{background:transparent;color:var(--primary-color);border-color:var(--primary-color)}[data-theme=dark] .auth-btn.el-button--primary.is-plain[data-v-5a28e48a]:hover{background:var(--primary-color);color:var(--white)}[data-theme=dark] .mobile-menu[data-v-5a28e48a]{background:var(--white)}[data-theme=dark] .mobile-menu .mobile-nav-link[data-v-5a28e48a]{color:var(--text-secondary)}[data-theme=dark] .mobile-menu .mobile-nav-link[data-v-5a28e48a]:hover{background:var(--gray-100);color:var(--primary-color)}[data-theme=dark] .mobile-menu .mobile-nav-link.logout-btn[data-v-5a28e48a]{color:var(--danger-color)}[data-theme=dark] .mobile-menu .mobile-nav-link.logout-btn[data-v-5a28e48a]:hover{background:var(--danger-color);color:var(--white)}[data-theme=dark] .mobile-menu .mobile-username[data-v-5a28e48a]{color:var(--text-primary)}[data-theme=dark] .mobile-menu .mobile-user-email[data-v-5a28e48a]{color:var(--text-secondary)}[data-theme=dark] .app-footer[data-v-5a28e48a]{background:var(--gray-100);color:var(--text-secondary);border-top:1px solid var(--gray-200)}[data-theme=dark] .app-footer .footer-section h4[data-v-5a28e48a]{color:var(--text-primary)}[data-theme=dark] .app-footer .footer-section a[data-v-5a28e48a]{color:var(--text-secondary)}[data-theme=dark] .app-footer .footer-section a[data-v-5a28e48a]:hover{color:var(--primary-color)}[data-theme=dark] .app-footer .footer-bottom[data-v-5a28e48a]{border-top-color:var(--gray-200);color:var(--text-secondary)}@media(max-width:768px){.nav-menu[data-v-5a28e48a]{display:none}.mobile-menu-toggle[data-v-5a28e48a]{display:flex}.header-actions[data-v-5a28e48a]{gap:.5rem}.user-menu-btn .username[data-v-5a28e48a]{display:none}.app-main[data-v-5a28e48a]{padding:1rem 0}.footer-content[data-v-5a28e48a]{grid-template-columns:1fr;text-align:center}}:root{--primary-color:#6366f1;--primary-color-rgb:99,102,241;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary-color:#10b981;--accent-color:#f59e0b;--danger-color:#ef4444;--warning-color:#f97316;--info-color:#06b6d4;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--black:#000;--surface-primary:var(--white);--surface-secondary:var(--gray-50);--surface-elevated:var(--white);--border-light:var(--gray-200);--border-medium:var(--gray-300);--border-strong:var(--gray-400);--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-600);--text-disabled:var(--gray-400);--text-inverse:var(--white);--interactive-hover:var(--gray-100);--interactive-active:var(--gray-200);--interactive-disabled:var(--gray-100);--interactive-focus:rgba(99,102,241,.1);--gradient-primary:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-light) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-color) 0%,#34d399 100%);--gradient-accent:linear-gradient(135deg,var(--accent-color) 0%,#fbbf24 100%);--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 -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--header-height:70px;--sidebar-width:280px;--container-max-width:1200px;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--secondary-dark:#059669;--secondary-light:#34d399;--danger-dark:#dc2626;--warning-dark:#d97706;--info-dark:#0891b2;--white-alpha-05:hsla(0,0%,100%,.05);--white-alpha-10:hsla(0,0%,100%,.1);--white-alpha-20:hsla(0,0%,100%,.2);--white-alpha-30:hsla(0,0%,100%,.3);--white-alpha-50:hsla(0,0%,100%,.5);--white-alpha-80:hsla(0,0%,100%,.8);--black-alpha-10:rgba(0,0,0,.1);--black-alpha-20:rgba(0,0,0,.2);--black-alpha-30:rgba(0,0,0,.3);--gray-800-alpha-95:rgba(30,41,59,.95);--primary-alpha-20:rgba(99,102,241,.2);--primary-alpha-30:rgba(99,102,241,.3);--secondary-alpha-20:rgba(16,185,129,.2);--warning-alpha-20:rgba(245,158,11,.2);--info-alpha-20:rgba(6,182,212,.2)}[data-theme=dark]{--white:#0c1524;--gray-50:#0f1829;--gray-100:#161f2f;--gray-200:#1e2740;--gray-300:#27334f;--gray-400:#32405f;--gray-500:#4b5873;--gray-600:#c4cedd;--gray-700:#d6deeb;--gray-800:#e7ebf3;--gray-900:#f7f9fc;--black:#070b14;--surface-primary:#121b2d;--surface-secondary:#162135;--surface-elevated:#1c2740;--border-light:#253553;--border-medium:#314163;--border-strong:#3b4c73;--text-primary:#e9edf5;--text-secondary:#c0cadc;--text-tertiary:#93a4c1;--text-disabled:#6d7b97;--text-inverse:#0f172a;--interactive-hover:rgba(99,102,241,.18);--interactive-active:rgba(99,102,241,.3);--interactive-disabled:hsla(0,0%,100%,.08);--interactive-focus:rgba(99,102,241,.35);--white-alpha-05:hsla(0,0%,100%,.05);--white-alpha-10:hsla(0,0%,100%,.1);--white-alpha-20:hsla(0,0%,100%,.2);--white-alpha-30:hsla(0,0%,100%,.3);--white-alpha-50:hsla(0,0%,100%,.5);--white-alpha-80:hsla(0,0%,100%,.8);--black-alpha-10:rgba(7,11,20,.1);--black-alpha-20:rgba(7,11,20,.2);--black-alpha-30:rgba(7,11,20,.3);--primary-alpha-20:rgba(99,102,241,.2);--primary-alpha-30:rgba(99,102,241,.3);--secondary-alpha-20:rgba(16,185,129,.2);--warning-alpha-20:rgba(245,158,11,.2);--info-alpha-20:rgba(6,182,212,.2)}[data-theme=dark] body{background:radial-gradient(circle at 12% 18%,rgba(99,102,241,.08),transparent 24%),radial-gradient(circle at 82% 8%,rgba(16,185,129,.07),transparent 20%),var(--surface-primary);color:var(--text-primary)}[data-theme=dark] a{color:#9ea8ff}[data-theme=dark] a:hover{color:#c3c9ff}[data-theme=dark] .app-header{background:rgba(18,27,45,.96);border-bottom:1px solid var(--border-light);box-shadow:0 14px 30px rgba(0,0,0,.35)}[data-theme=dark] .app-header .nav-link{color:var(--text-secondary)}[data-theme=dark] .app-header .nav-link.router-link-active,[data-theme=dark] .app-header .nav-link:hover{color:var(--text-primary);background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(16,185,129,.16))}[data-theme=dark] .app-footer{background:var(--surface-secondary);border-top:1px solid var(--border-light);color:var(--text-secondary)}[data-theme=dark] .btn{border-color:var(--border-light)}[data-theme=dark] .btn--primary{background:linear-gradient(135deg,#7c83ff,#5cc9b0);border-color:transparent;color:var(--text-inverse)}[data-theme=dark] .btn--outline{border-color:#7c83ff;color:#b4baff}[data-theme=dark] .btn--outline:hover:not(:disabled){background:#7c83ff;color:var(--text-inverse)}[data-theme=dark] .btn--ghost{color:var(--text-secondary)}[data-theme=dark] .btn--ghost:hover:not(:disabled){background:var(--interactive-hover);color:var(--text-primary)}[data-theme=dark] .toast{background:var(--surface-elevated);border-color:var(--border-light);box-shadow:0 20px 40px rgba(0,0,0,.45)}[data-theme=dark] .el-card{color:var(--text-primary)}[data-theme=dark] .el-card,[data-theme=dark] .el-table{background-color:var(--surface-elevated);border-color:var(--border-light)}[data-theme=dark] .el-table th{background-color:var(--surface-secondary)!important}[data-theme=dark] .el-table td,[data-theme=dark] .el-table th{color:var(--text-primary)!important;border-bottom-color:var(--border-light)}[data-theme=dark] .el-table td{background-color:transparent!important}[data-theme=dark] .el-table .el-table__row:hover td{background:var(--interactive-hover)!important}[data-theme=dark] .el-table .el-table__stripe-row td{background-color:hsla(0,0%,100%,.02)!important}[data-theme=dark] .el-input .el-input__wrapper,[data-theme=dark] .el-select .el-input__wrapper{background-color:var(--surface-primary);border-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .el-input .el-input__wrapper:hover,[data-theme=dark] .el-select .el-input__wrapper:hover{border-color:var(--border-medium)}[data-theme=dark] .el-input .el-input__wrapper.is-focus,[data-theme=dark] .el-select .el-input__wrapper.is-focus{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color) inset}[data-theme=dark] .el-dropdown-menu,[data-theme=dark] .el-popover,[data-theme=dark] .el-select-dropdown,[data-theme=dark] .el-tooltip__popper{background-color:var(--surface-elevated);border-color:var(--border-light);color:var(--text-primary);box-shadow:0 20px 40px rgba(0,0,0,.35)}[data-theme=dark] .el-dialog,[data-theme=dark] .el-drawer{background-color:var(--surface-elevated);border:1px solid var(--border-light)}[data-theme=dark] .el-dialog .el-dialog__header,[data-theme=dark] .el-dialog .el-drawer__header,[data-theme=dark] .el-drawer .el-dialog__header,[data-theme=dark] .el-drawer .el-drawer__header{background-color:var(--surface-secondary);border-bottom:1px solid var(--border-light);color:var(--text-primary)}[data-theme=dark] .el-dialog .el-dialog__body,[data-theme=dark] .el-dialog .el-drawer__body,[data-theme=dark] .el-drawer .el-dialog__body,[data-theme=dark] .el-drawer .el-drawer__body{background-color:var(--surface-elevated);color:var(--text-primary)}[data-theme=dark] .el-dialog .el-dialog__footer,[data-theme=dark] .el-drawer .el-dialog__footer{background-color:var(--surface-secondary);border-top:1px solid var(--border-light)}[data-theme=dark] .el-message{background-color:var(--surface-elevated);border:1px solid var(--border-light);color:var(--text-primary);box-shadow:0 14px 30px rgba(0,0,0,.4)}[data-theme=dark] .el-message.el-message--success{border-color:rgba(16,185,129,.5)}[data-theme=dark] .el-message.el-message--warning{border-color:rgba(245,158,11,.45)}[data-theme=dark] .el-message.el-message--error{border-color:rgba(239,68,68,.55)}[data-theme=dark] .el-breadcrumb__inner,[data-theme=dark] .el-breadcrumb__inner.is-link{color:var(--text-secondary)}[data-theme=dark] .el-breadcrumb__inner.is-link:hover,[data-theme=dark] .el-breadcrumb__inner:hover{color:var(--text-primary)}[data-theme=dark] .el-tag{background-color:var(--surface-secondary);border-color:var(--border-medium);color:var(--text-primary)}[data-theme=dark] .el-pagination{background-color:transparent}[data-theme=dark] .el-pagination .el-pager li{background-color:var(--surface-secondary);border-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .el-pagination .el-pager li:hover{color:var(--text-primary);background:var(--interactive-hover)}[data-theme=dark] .el-pagination .el-pager li.is-active{background:#7c83ff;border-color:#7c83ff;color:var(--text-inverse)}[data-theme=dark] .el-pagination .btn-next,[data-theme=dark] .el-pagination .btn-prev{background-color:var(--surface-secondary);border-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .el-pagination .btn-next:hover,[data-theme=dark] .el-pagination .btn-prev:hover{background:var(--interactive-hover);color:var(--text-primary)}[data-theme=dark] .el-pagination .el-pagination__jump,[data-theme=dark] .el-pagination .el-pagination__total{color:var(--text-secondary)}[data-theme=dark] .el-input-number .el-input__wrapper{background-color:var(--surface-primary);border-color:var(--border-light);color:var(--text-primary)}[data-theme=dark] .el-input-number .el-input-number__decrease,[data-theme=dark] .el-input-number .el-input-number__increase{background-color:var(--surface-secondary);border-color:var(--border-light);color:var(--text-secondary)}[data-theme=dark] .el-checkbox__label,[data-theme=dark] .el-form-item__label,[data-theme=dark] .el-radio__label{color:var(--text-primary)}[data-theme=dark] .el-empty{background-color:var(--surface-secondary);color:var(--text-secondary)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6;color:var(--gray-900);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem;color:var(--gray-900)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--gray-700)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.breadcrumb{padding:1rem 0;font-size:.875rem}.breadcrumb,.breadcrumb__item{display:flex;align-items:center;gap:.5rem}.breadcrumb__item{color:var(--text-secondary);transition:color var(--transition-fast)}.breadcrumb__item:hover{color:var(--text-primary)}.breadcrumb__item--active{color:var(--text-primary);font-weight:500}.breadcrumb__separator{color:var(--text-tertiary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.toast{position:fixed;top:1rem;right:1rem;z-index:9999;background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem 1.5rem;box-shadow:var(--shadow-xl);min-width:300px;animation:slideInFromRight .3s ease-out}.toast--success{border-left:4px solid var(--secondary-color)}.toast--success .toast__icon{color:var(--secondary-color)}.toast--error{border-left:4px solid var(--danger-color)}.toast--error .toast__icon{color:var(--danger-color)}.toast--warning{border-left:4px solid var(--warning-color)}.toast--warning .toast__icon{color:var(--warning-color)}.toast--info{border-left:4px solid var(--info-color)}.toast--info .toast__icon{color:var(--info-color)}.toast__content{display:flex;align-items:flex-start;gap:.75rem}.toast__icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.toast__text{flex:1}.toast__text .toast__title{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.toast__text .toast__message{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.toast__close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast__close:hover{background:var(--interactive-hover);color:var(--text-primary)}.loading{display:inline-flex;align-items:center;gap:.5rem}.loading__spinner{width:1rem;height:1rem;border:2px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading__text{color:var(--text-secondary);font-size:.875rem}.loading--large .loading__spinner{width:2rem;height:2rem;border-width:3px}.loading--large .loading__text{font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:2px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);gap:.5rem;min-height:2.75rem;position:relative}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn--loading{color:transparent;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.btn--primary{background:var(--primary-color);color:var(--text-inverse);border-color:var(--primary-color)}.btn--primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--secondary-color);color:var(--text-inverse);border-color:var(--secondary-color)}.btn--secondary:hover:not(:disabled){background:var(--secondary-dark);border-color:var(--secondary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn--outline{background:transparent;border-color:var(--primary-color);color:var(--primary-color)}.btn--outline:hover:not(:disabled){background:var(--primary-color);color:var(--text-inverse)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--interactive-hover);color:var(--text-primary)}.btn--danger{background:var(--danger-color);color:var(--text-inverse);border-color:var(--danger-color)}.btn--danger:hover:not(:disabled){background:var(--danger-dark);border-color:var(--danger-dark)}.btn--small{padding:.5rem 1rem;font-size:.75rem;min-height:2rem}.btn--large{padding:1rem 2rem;font-size:1rem;min-height:3.5rem}.btn--icon-only{width:2.75rem;height:2.75rem;padding:0}.btn--icon-only.btn--small{width:2rem;height:2rem}.btn--icon-only.btn--large{width:3.5rem;height:3.5rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-medium)}.card--interactive{cursor:pointer}.card--interactive:hover{transform:translateY(-4px)}.card--interactive:active{transform:translateY(-1px)}.card--elevated{box-shadow:var(--shadow-lg)}.card--elevated:hover{box-shadow:var(--shadow-xl)}.card__header{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-light)}.card__header .card__title{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.card__header .card__subtitle{margin:.25rem 0 0 0;color:var(--text-secondary);font-size:.875rem}.card__body{color:var(--text-secondary);line-height:1.6}.card__footer{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;gap:1rem}.card--compact{padding:1rem}.card--glass{background:var(--white-alpha-10);backdrop-filter:blur(10px);border:1px solid var(--white-alpha-20)}.products-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.products-table__header{background:var(--surface-secondary)}.products-table__header th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-light);font-size:.875rem;text-transform:uppercase;letter-spacing:.025em}.products-table__header th:first-child{border-top-left-radius:var(--radius-lg)}.products-table__header th:last-child{border-top-right-radius:var(--radius-lg)}.products-table__body tr{transition:background-color var(--transition-fast)}.products-table__body tr:hover{background:var(--interactive-hover)}.products-table__body tr:nth-child(2n){background:var(--surface-secondary)}.products-table__body tr:nth-child(2n):hover{background:var(--interactive-hover)}.products-table__body td{padding:1rem;border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:middle}.products-table__body td:last-child{border-bottom:none}.products-table__product{display:flex;align-items:center;gap:.75rem}.products-table__product-image{width:3rem;height:3rem;border-radius:var(--radius-md);background:var(--surface-secondary);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;overflow:hidden}.products-table__product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.products-table__product-image .placeholder{color:var(--text-tertiary);font-size:.75rem}.products-table__product-info{flex:1;min-width:0}.products-table__product-name{font-weight:500;color:var(--text-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.products-table__product-code{font-size:.75rem;color:var(--text-tertiary);font-family:monospace}.products-table__quantity{display:flex;align-items:center;gap:.5rem}.products-table__quantity-control{display:flex;align-items:center;background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden}.products-table__quantity-btn{width:2.25rem;height:2.25rem;background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);font-weight:600}.products-table__quantity-btn:hover:not(:disabled){background:var(--interactive-hover);color:var(--text-primary)}.products-table__quantity-btn:disabled{opacity:.5;cursor:not-allowed}.products-table__quantity-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:-2px}.products-table__quantity-input{width:4rem;text-align:center;border:none;background:var(--surface-elevated);color:var(--text-primary);font-weight:500;padding:.5rem .25rem}.products-table__quantity-input:focus{outline:none;background:var(--interactive-focus)}.products-table__tag{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:500}.products-table__tag--success{background:rgba(16,185,129,.1);color:var(--secondary-color)}.products-table__tag--warning{background:rgba(245,158,11,.1);color:var(--warning-color)}.products-table__tag--danger{background:rgba(239,68,68,.1);color:var(--danger-color)}.products-table__tag--info{background:rgba(6,182,212,.1);color:var(--info-color)}@media(max-width:768px){.products-table{display:block;overflow-x:auto;white-space:nowrap}.products-table__body td,.products-table__header th{padding:.75rem .5rem}.products-table__body td:first-child,.products-table__header th:first-child{padding-left:1rem}.products-table__body td:last-child,.products-table__header th:last-child{padding-right:1rem}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 1.5rem}.page{width:100%;min-height:100vh;background:var(--surface-secondary)}.page-section{margin:1.5rem 0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.section-header h1,.section-header h2,.section-header h3{margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem 1.5rem}.actions-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{justify-content:space-between}.flex--column{flex-direction:column}.grid{display:grid;gap:1.5rem}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.el-form-item{margin-bottom:1rem}.el-button,.el-input-number,.el-input__wrapper,.el-select .el-input__wrapper,.el-textarea__inner{min-height:44px;border-radius:var(--radius-md)}.el-table__body td,.el-table__header th{padding:12px 14px}@media(max-width:1024px){.grid--4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){html{font-size:14px}.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}.container{padding:0 1rem}}@media(max-width:480px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.container{padding:0 .75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInFromRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-30px)}70%{transform:translateY(-15px)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}.slide-in-right{animation:slideInFromRight .3s ease-out}.slide-in-top{animation:slideInFromTop .3s ease-out}.pulse{animation:pulse 2s infinite}.spin{animation:spin 1s linear infinite}.bounce{animation:bounce 1s ease-in-out}.shake{animation:shake .5s ease-in-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-color);color:var(--white);padding:8px;text-decoration:none;z-index:10000;border-radius:var(--radius-md)}.skip-link:focus{top:6px}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}.color-safe--success{background:var(--secondary-color);color:var(--white)}.color-safe--warning{background:var(--warning-color);color:var(--gray-900)}.color-safe--error{background:var(--danger-color);color:var(--white)}.color-safe--info{background:var(--info-color);color:var(--white)}@media(prefers-contrast:high){:root{--text-primary:#000;--text-secondary:#1a1a1a;--text-tertiary:#333;--border-light:#666;--border-medium:#333;--border-strong:#000}.el-button{font-weight:600}.el-button,.el-card,.el-table td,.el-table th{border-width:2px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.bounce,.fade-in,.shake,.slide-in,.slide-in-right,.slide-in-top{animation:none}}[aria-busy=true]{cursor:wait;pointer-events:none}[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}[aria-hidden=true]{display:none!important}@media print{*{background:transparent!important;color:var(--text-inverse)!important;box-shadow:none!important;text-shadow:none!important}a{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.no-print{display:none!important}body{font-size:12pt;line-height:1.5}h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}.btn,.el-button{border:1px solid #000;background:transparent}}.enhanced-readability{font-family:Open Dyslexic,Arial,sans-serif;line-height:1.8;letter-spacing:.05em;word-spacing:.1em}.btn-high-contrast{border:2px solid var(--gray-900);background:var(--white);color:var(--gray-900);font-weight:600}.btn-high-contrast:hover:not(:disabled){background:var(--gray-900);color:var(--white)}.btn-high-contrast:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}a:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;text-decoration:underline;background:var(--interactive-focus);padding:.125rem .25rem;border-radius:var(--radius-sm)}a[href^=http]:not([href*=localhost]):after{content:"↗";display:inline-block;margin-left:.25rem;font-size:.875em;color:var(--text-tertiary)}.form-field--error .el-input__wrapper{border-color:var(--danger-color);background:rgba(239,68,68,.05)}.form-field--error .error-message{color:var(--danger-color);font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-field--error .error-message:before{content:"⚠";font-weight:700}.form-field--success .el-input__wrapper{border-color:var(--secondary-color);background:rgba(16,185,129,.05)}.form-field--success .success-message{color:var(--secondary-color);font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.form-field--success .success-message:before{content:"✓";font-weight:700}.keyboard-user :focus{outline:2px solid var(--primary-color);outline-offset:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.hidden{display:none}.visible{display:block}.el-button{border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast)}.el-button--primary{background:var(--gradient-primary);border:none}.el-button--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.el-button--default{background:var(--surface-primary);border:1px solid var(--gray-200);color:var(--gray-900)}.el-button--default:hover{background:var(--surface-secondary);border-color:var(--gray-300)}.el-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.el-card:hover{box-shadow:var(--shadow-lg)}.el-table{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-elevated);border:1px solid var(--gray-200)}.el-table th{background:var(--surface-secondary);font-weight:600}.el-table td,.el-table th{color:var(--gray-900);border-bottom:1px solid var(--gray-200)}.el-table td{background:var(--surface-elevated)}.el-table .el-table__row:hover td,.el-table .el-table__stripe-row td{background:var(--gray-50)!important}.el-input .el-input__wrapper{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.el-input .el-input__wrapper:hover{box-shadow:var(--shadow-md)}.el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 2px var(--primary-color)}.el-select .el-input__wrapper{border-radius:var(--radius-md)}.el-pagination{background:var(--gray-50);padding:1rem;border-radius:var(--radius-lg)}.el-pagination .el-pager li{border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--gray-200);color:var(--gray-900)}.el-pagination .el-pager li:hover{background:var(--surface-secondary);color:var(--gray-900)}.el-pagination .el-pager li.is-active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.el-pagination .btn-next,.el-pagination .btn-prev{background:var(--surface-primary);border:1px solid var(--gray-200);color:var(--gray-900);border-radius:var(--radius-md)}.el-pagination .btn-next:hover,.el-pagination .btn-prev:hover{background:var(--surface-secondary);color:var(--gray-900)}.el-pagination .el-pagination__jump,.el-pagination .el-pagination__total{color:var(--gray-900)}