*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background:#0a0f1a}#app{margin:0;padding:0;width:100%;min-height:100vh;background:#0a0f1a}.app{display:flex;min-height:100vh;width:100%;background:#0a0f1a;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;margin:0;padding:0}.sidebar{width:280px;background:linear-gradient(180deg,#0f172a,#020617);border-right:1px solid rgba(31,41,55,.8);display:flex;flex-direction:column;box-shadow:2px 0 12px #0000004d;position:relative;z-index:10;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.collapsed{width:80px}.sidebar.collapsed.hover-expanded{width:280px;z-index:1000;box-shadow:4px 0 20px #00000080}.logo{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid rgba(31,41,55,.6);background:#0f172a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;justify-content:space-between}.sidebar.collapsed .logo{justify-content:center;padding:20px 12px}.logo-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f133,#4f46e526);display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.3);transition:all .3s ease}.logo-mark:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f133}.logo-text .title{font-size:15px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#e5e7eb,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text .subtitle{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#6b7280;font-weight:500;margin-top:2px}.sidebar-toggle{background:transparent;border:1px solid rgba(31,41,55,.6);border-radius:8px;color:#9ca3af;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:32px;height:32px;flex-shrink:0;margin-left:auto}.sidebar.collapsed .sidebar-toggle{margin-left:0}.sidebar-toggle:hover{background:#6366f11a;border-color:#6366f14d;color:#6366f1;transform:scale(1.05)}.sidebar-toggle:active{transform:scale(.95)}.nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 8px;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent}.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-track{background:transparent}.nav::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.nav::-webkit-scrollbar-thumb:hover{background:#6366f180}.section{margin-bottom:24px}.section-title{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#6b7280;padding:8px 12px;font-weight:600;margin-bottom:4px}.nav ul{list-style:none;padding:0;margin:0}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:3px 0;border-radius:10px;font-size:13px;font-weight:500;color:#9ca3af;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid transparent;white-space:nowrap}.sidebar.collapsed .nav-link{justify-content:center;padding:10px}.nav-link svg{flex-shrink:0;opacity:.7;transition:all .2s ease}.nav-link:hover{background:#1f293799;color:#e5e7eb;transform:translate(2px);border-color:#6366f133}.nav-link:hover svg{opacity:1;color:#6366f1}.nav-link.active{background:linear-gradient(135deg,#6366f126,#4f46e51a);border:1px solid rgba(99,102,241,.4);color:#6366f1;box-shadow:0 2px 8px #6366f126}.nav-link.active svg{opacity:1;color:#6366f1}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#6366f1,#4f46e5);border-radius:0 3px 3px 0}.nav-parent{cursor:pointer}.nav-link-parent{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:3px 0;border-radius:10px;font-size:13px;font-weight:500;color:#9ca3af;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;white-space:nowrap}.sidebar.collapsed .nav-link-parent{justify-content:center;padding:10px}.nav-link-parent svg:first-child{flex-shrink:0;opacity:.7;transition:all .2s ease}.nav-link-parent span:not(.chevron){flex:1}.nav-link-parent .chevron{flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.6;margin-left:auto}.nav-link-parent:hover{background:#1f293799;color:#e5e7eb;border-color:#6366f133}.nav-link-parent:hover svg:first-child{opacity:1;color:#6366f1}.nav-parent.expanded .nav-link-parent{background:linear-gradient(135deg,#6366f126,#4f46e51a);border-color:#6366f166;color:#6366f1}.nav-parent.expanded .nav-link-parent svg:first-child{opacity:1;color:#6366f1}.nav-parent.expanded .chevron{transform:rotate(90deg);opacity:1;color:#6366f1}.sub-menu{margin-left:20px;margin-top:4px;margin-bottom:8px;padding-left:8px;border-left:1px solid rgba(31,41,55,.5);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sub-link{padding-left:32px;font-size:12.5px;font-weight:400}.sub-link svg{width:18px;height:18px}.nav-item-wrapper,.sidebar.collapsed .nav-item-wrapper,.nav-item-with-tooltip{position:relative}.nav-tooltip{position:fixed;background:linear-gradient(180deg,#0f172a,#020617);border:1px solid rgba(31,41,55,.8);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:500;color:#e5e7eb;white-space:nowrap;z-index:10001!important;pointer-events:auto;box-shadow:4px 4px 16px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:tooltipFadeIn .2s ease-out;border-left:2px solid rgba(99,102,241,.5);display:block!important;opacity:1!important;visibility:visible!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-8px) translateY(-50%)}to{opacity:1;transform:translate(0) translateY(-50%)}}.nav-tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid rgba(31,41,55,.8)}.sub-menu-popover-wrapper{position:fixed;z-index:10000;pointer-events:none;padding:4px 8px;transition:opacity .15s ease-out}.sub-menu-popover-wrapper[style*="display: none"]{opacity:0;pointer-events:none}.sub-menu-popover-wrapper:not([style*="display: none"]){opacity:1;pointer-events:auto}.sub-menu-popover{background:linear-gradient(180deg,#0f172a,#020617);border:1px solid rgba(31,41,55,.8);border-radius:12px;box-shadow:4px 4px 16px #0006;min-width:220px;animation:slideIn .2s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.popover-header{padding:12px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#6b7280;font-weight:600;border-bottom:1px solid rgba(31,41,55,.6);background:#0f172a80}.popover-menu{list-style:none;padding:8px;margin:0}.popover-link{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:3px 0;border-radius:10px;font-size:13px;font-weight:500;color:#9ca3af;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid transparent}.popover-link:hover{background:#1f293799;color:#e5e7eb;transform:translate(2px);border-color:#6366f133}.popover-link:hover svg{opacity:1;color:#6366f1}.popover-link.active{background:linear-gradient(135deg,#6366f126,#4f46e51a);border:1px solid rgba(99,102,241,.4);color:#6366f1;box-shadow:0 2px 8px #6366f126}.popover-link.active svg{opacity:1;color:#6366f1}.popover-link svg{flex-shrink:0;opacity:.7;transition:all .2s ease;width:18px;height:18px}.footer{border-top:1px solid rgba(31,41,55,.6);padding:16px 12px;background:#0f172a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar.collapsed .footer{padding:16px 8px;justify-content:center}.user{display:flex;align-items:center;gap:10px;flex:1}.sidebar.collapsed .user{justify-content:center;gap:0}.user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f133,#4f46e526);display:flex;align-items:center;justify-content:center;border:1px solid rgba(99,102,241,.3);color:#6366f1}.user-info{flex:1;min-width:0}.user .name{color:#e5e7eb;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user .branch{color:#6b7280;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout{background:transparent;border-radius:8px;border:1px solid rgba(31,41,55,.6);color:#9ca3af;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:36px;height:36px}.logout:hover{background:#ef44441a;border-color:#ef44444d;color:#fca5a5;transform:scale(1.05)}.logout:active{transform:scale(.95)}.main{margin:0;padding:24px;width:100%;flex:1;background:linear-gradient(135deg,#0f172a,#020617,#0a0f1a);overflow-y:auto;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1);border:none;outline:none}.main:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(79,70,229,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.main>*{position:relative;z-index:1}.main section{margin:0;padding:0;border:none;background:transparent}.toast-container[data-v-2e727773]{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:16px;pointer-events:none;max-width:420px}.toast[data-v-2e727773]{position:relative;min-width:320px;max-width:420px;pointer-events:auto;cursor:pointer;border-radius:16px;overflow:hidden;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideIn3D-2e727773 .4s cubic-bezier(.34,1.56,.64,1)}.toast[data-v-2e727773]:hover{transform:translateY(-2px) scale(1.02)}.toast-glow[data-v-2e727773]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;opacity:.6;filter:blur(20px);z-index:0;transition:opacity .3s ease}.toast:hover .toast-glow[data-v-2e727773]{opacity:.8}.toast-content[data-v-2e727773]{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding:18px 20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset}.toast-success .toast-glow[data-v-2e727773]{background:linear-gradient(135deg,#22c55e99,#10b98166)}.toast-success .toast-content[data-v-2e727773]{background:linear-gradient(135deg,#000000e6,#0f172af2);border-color:#22c55e66;color:#22c55e}.toast-success .toast-icon-wrapper[data-v-2e727773]{background:linear-gradient(135deg,#22c55e33,#10b98126);border:1px solid rgba(34,197,94,.3)}.toast-error .toast-glow[data-v-2e727773]{background:linear-gradient(135deg,#f0626299,#ef444466)}.toast-error .toast-content[data-v-2e727773]{background:linear-gradient(135deg,#000000e6,#0f172af2);border-color:#f0626266;color:#f06262}.toast-error .toast-icon-wrapper[data-v-2e727773]{background:linear-gradient(135deg,#f0626233,#ef444426);border:1px solid rgba(240,98,98,.3)}.toast-warning .toast-glow[data-v-2e727773]{background:linear-gradient(135deg,#f59e0b99,#d9770666)}.toast-warning .toast-content[data-v-2e727773]{background:linear-gradient(135deg,#000000e6,#0f172af2);border-color:#f59e0b66;color:#f59e0b}.toast-warning .toast-icon-wrapper[data-v-2e727773]{background:linear-gradient(135deg,#f59e0b33,#d9770626);border:1px solid rgba(245,158,11,.3)}.toast-info .toast-glow[data-v-2e727773]{background:linear-gradient(135deg,#4285f499,#38bdf866)}.toast-info .toast-content[data-v-2e727773]{background:linear-gradient(135deg,#000000e6,#0f172af2);border-color:#4285f466;color:#4285f4}.toast-info .toast-icon-wrapper[data-v-2e727773]{background:linear-gradient(135deg,#4285f433,#38bdf826);border:1px solid rgba(66,133,244,.3)}.toast-icon-wrapper[data-v-2e727773]{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden}.toast-icon-wrapper[data-v-2e727773]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.toast:hover .toast-icon-wrapper[data-v-2e727773]:before{opacity:1}.toast-icon[data-v-2e727773]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.toast-icon svg[data-v-2e727773]{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.toast-message[data-v-2e727773]{flex:1;font-size:14px;line-height:1.5;font-weight:500;color:#e5e7eb}.toast-close[data-v-2e727773]{flex-shrink:0;background:transparent;border:none;color:inherit;cursor:pointer;padding:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;opacity:.6}.toast-close[data-v-2e727773]:hover{opacity:1;background:#ffffff1a;transform:rotate(90deg) scale(1.1)}.toast-close[data-v-2e727773]:active{transform:rotate(90deg) scale(.95)}@keyframes slideIn3D-2e727773{0%{transform:translate(120%) rotateY(-15deg) scale(.8);opacity:0}to{transform:translate(0) rotateY(0) scale(1);opacity:1}}.toast-enter-active[data-v-2e727773]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.toast-leave-active[data-v-2e727773]{transition:all .3s cubic-bezier(.4,0,.2,1)}.toast-enter-from[data-v-2e727773]{transform:translate(120%) rotateY(-15deg) scale(.8);opacity:0}.toast-leave-to[data-v-2e727773]{transform:translate(120%) rotateY(15deg) scale(.8);opacity:0}.toast-move[data-v-2e727773]{transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 640px){.toast-container[data-v-2e727773]{top:16px;right:16px;left:16px;max-width:none}.toast[data-v-2e727773]{min-width:auto;max-width:none}}button{transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden;will-change:transform,box-shadow}button:not(:disabled):hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 20px #0006,0 4px 12px #38bdf84d!important}button:not(:disabled):active{transform:translateY(0) scale(.98)!important;box-shadow:0 2px 8px #0000004d!important;transition:all .1s cubic-bezier(.4,0,.2,1)!important}button[style*="background: #38bdf8"],button[style*="background:#38bdf8"]{transition:all .3s cubic-bezier(.4,0,.2,1)}button[style*="background: #38bdf8"]:hover:not(:disabled),button[style*="background:#38bdf8"]:hover:not(:disabled){background:linear-gradient(135deg,#38bdf8,#0ea5e9)!important;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #38bdf866,0 4px 8px #38bdf833}button[style*="background: #22c55e"],button[style*="background:#22c55e"]{transition:all .3s cubic-bezier(.4,0,.2,1)}button[style*="background: #22c55e"]:hover:not(:disabled),button[style*="background:#22c55e"]:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a)!important;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #22c55e66,0 4px 8px #22c55e33}button[style*="background: transparent"],button[style*="background:#1f2937"],button[style*="background: #1f2937"]{transition:all .3s cubic-bezier(.4,0,.2,1)}button[style*="background: transparent"]:hover:not(:disabled),button[style*="background:#1f2937"]:hover:not(:disabled),button[style*="background: #1f2937"]:hover:not(:disabled){background:#1f2937cc!important;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}div[style*="background: #111827"],div[style*="background:#111827"],div[style*="border-radius: 12px"][style*=background],div[style*="border-radius: 8px"][style*=background]{transition:all .3s cubic-bezier(.4,0,.2,1)!important;will-change:transform,box-shadow,border-color}div[style*="background: #111827"]:hover,div[style*="background:#111827"]:hover,div[style*="border-radius: 12px"]:hover,div[style*="border-radius: 8px"]:hover{transform:translateY(-4px) scale(1.01)!important;box-shadow:0 12px 28px #00000080,0 4px 12px #38bdf826!important;border-color:#38bdf866!important}tr{transition:all .25s cubic-bezier(.4,0,.2,1)!important;will-change:transform,background-color}tr:hover{background:#1f2937b3!important;transform:scale(1.01) translate(2px)!important;box-shadow:0 4px 12px #0000004d,inset 0 0 0 1px #38bdf833!important}tr[style*="cursor: pointer"]:hover{background:#1f2937cc!important;transform:scale(1.02) translate(4px)!important}input,select,textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#38bdf880!important;box-shadow:0 0 0 3px #38bdf81a}input:focus,select:focus,textarea:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px #38bdf833;transform:scale(1.01)}a,router-link{transition:all .2s cubic-bezier(.4,0,.2,1)}a:hover,router-link:hover{transform:translate(2px);color:#38bdf8!important}div[style*="background: #111827"][style*=border-radius]{transition:all .3s cubic-bezier(.4,0,.2,1)}span[style*="color:"]{transition:all .2s cubic-bezier(.4,0,.2,1)}span[style*="color:"]:hover{transform:scale(1.05)}svg{transition:all .25s cubic-bezier(.4,0,.2,1)!important}svg:hover{transform:scale(1.15) rotate(2deg)!important;filter:drop-shadow(0 2px 4px rgba(56,189,248,.3))}a,router-link{transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-block}a:hover,router-link:hover{transform:translate(4px) scale(1.05)!important;color:#38bdf8!important}span[style*="color:"]{transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:inline-block}span[style*="color:"]:hover{transform:scale(1.08)!important;filter:brightness(1.2)}*{scroll-behavior:smooth}section>div[style*=background]:hover,section>div[style*=border]:hover{transition:all .3s cubic-bezier(.4,0,.2,1)!important}div[style*=max-width][style*=background]:hover{transition:all .3s cubic-bezier(.4,0,.2,1)!important}li{transition:all .2s cubic-bezier(.4,0,.2,1)!important}li:hover{transform:translate(4px)!important}select:hover{border-color:#38bdf899!important;background:#0f172acc!important}input[type=checkbox]:hover,input[type=radio]:hover{transform:scale(1.1)!important;cursor:pointer}textarea:hover{border-color:#38bdf880!important;box-shadow:0 0 0 3px #38bdf81a!important}td:hover{background:#38bdf80d!important;transition:background .2s ease!important}div[style*="font-size: 32px"]:hover{transform:scale(1.05)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}div[style*="background: #111827"][style*="border-radius: 12px"]:hover{transform:translateY(-6px) scale(1.02)!important;box-shadow:0 16px 32px #00000080,0 8px 16px #38bdf833!important;border-color:#38bdf880!important}div[style*=border-radius][style*=padding]:hover{transition:all .3s cubic-bezier(.4,0,.2,1)!important}div[style*="background: #111827"][style*="border-radius: 12px"][style*="padding: 16px"]:hover{border-color:#38bdf84d!important;box-shadow:0 4px 16px #0000004d!important}button[style*=border-radius]:hover:not(:disabled){transform:translateY(-2px) scale(1.05)!important}button[style*="padding: 6px 12px"]:hover:not(:disabled){transform:translateY(-1px) scale(1.08)!important;box-shadow:0 4px 12px #38bdf84d!important}div[style*=max-width] button:hover:not(:disabled){transform:translateY(-2px) scale(1.03)!important}div[style*="display: grid"]:hover{transition:all .2s ease!important}button[style*=border-bottom]:hover{border-bottom-color:#38bdf880!important;color:#38bdf8!important;transform:translateY(-2px)!important}span[style*="color: #38bdf8"]:hover,span[style*="color: #22c55e"]:hover,span[style*="color: #facc15"]:hover,span[style*="color: #ef4444"]:hover{transform:scale(1.1)!important;filter:brightness(1.2) drop-shadow(0 2px 4px rgba(0,0,0,.3))!important}img:hover{transform:scale(1.05)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;filter:brightness(1.1)}hr:hover,div[style*=border-bottom]:hover{border-color:#38bdf84d!important;transition:border-color .3s ease!important}ul li:hover,ol li:hover{transform:translate(4px)!important;transition:transform .2s cubic-bezier(.4,0,.2,1)!important}thead tr:hover{background:#0f172acc!important}*:focus-visible{outline:2px solid rgba(56,189,248,.6)!important;outline-offset:2px!important;border-radius:4px!important}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important}button[style*=print]:hover,button:has-text("Print"):hover{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;transform:translateY(-2px) scale(1.05)!important}button[style*="color: #ef4444"]:hover:not(:disabled),button[style*="color: #fca5a5"]:hover:not(:disabled){background:#ef444426!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 20px #ef44444d!important}button[style*="color: #facc15"]:hover:not(:disabled),button[style*="color: #f59e0b"]:hover:not(:disabled){background:#facc1526!important;transform:translateY(-2px) scale(1.05)!important;box-shadow:0 8px 20px #facc154d!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(to right,#fff0,#ffffff1a,#fff0);background-size:1000px 100%}