:root{--bg-body: #f3f1ec;--bg-card: #ffffff;--bg-dark: #1c1c1e;--primary-color: #1c1c1e;--primary-hover: #000000;--accent-yellow: #fcd34d;--accent-orange: #f87171;--accent-glow: rgba(252, 211, 77, .4);--text-main: #1c1c1e;--text-secondary: #8e8e93;--text-inverse: #ffffff;--sidebar-bg: #ffffff;--border-color: #e5e5ea;--success-color: #34c759;--warning-color: #ff9500;--danger-color: #ff3b30;--shadow-sm: 0 1px 6px rgba(0, 0, 0, .04);--shadow-md: 0 8px 16px rgba(0, 0, 0, .06);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-full: 999px;--transition-smooth: .3s cubic-bezier(.25, .8, .25, 1)}html{font-size:13px}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6;letter-spacing:.02em}h1,h2,h3,.big-num,.metric-value,.price{font-family:DM Sans,sans-serif;letter-spacing:-.02em}.ds-card{background:#fff;border-radius:var(--radius-lg)!important;border:none!important;box-shadow:var(--shadow-sm)!important;padding:24px}.ds-card.dark{background:var(--bg-dark);color:var(--text-inverse)}.ds-button{border-radius:var(--radius-full)!important;font-weight:600}.text-danger{color:var(--danger-color)!important}.text-success{color:var(--success-color)!important}.text-warning{color:var(--warning-color)!important}.text-primary{color:var(--primary-color)!important}.text-secondary{color:var(--text-secondary)!important}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.ds-toast-container[data-v-ccf98030]{position:fixed;top:32px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.ds-toast-item[data-v-ccf98030]{pointer-events:auto;min-width:280px;max-width:450px;padding:12px 20px;background:#fff;border-radius:var(--radius-md);box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:12px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-icon[data-v-ccf98030]{display:flex;align-items:center;justify-content:center}.toast-content[data-v-ccf98030]{font-size:.95rem;font-weight:700;color:var(--text-main)}.type-success[data-v-ccf98030]{background:#dcfce7f2;border-color:#bbf7d0;color:#166534}.type-success .toast-icon[data-v-ccf98030]{color:#166534}.type-error[data-v-ccf98030]{background:#fee2e2f2;border-color:#fecaca;color:#991b1b}.type-error .toast-icon[data-v-ccf98030]{color:#991b1b}.type-warning[data-v-ccf98030]{background:#fef9d3f2;border-color:#fef08a;color:#854d0e}.type-warning .toast-icon[data-v-ccf98030]{color:#854d0e}.type-info[data-v-ccf98030]{background:#eff6fff2;border-color:#bfdbfe;color:#1e40af}.type-info .toast-icon[data-v-ccf98030]{color:#1e40af}.toast-list-enter-active[data-v-ccf98030],.toast-list-leave-active[data-v-ccf98030]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.toast-list-enter-from[data-v-ccf98030],.toast-list-leave-to[data-v-ccf98030]{opacity:0;transform:translateY(-20px) scale(.9)}#app{width:100vw;height:100vh;overflow:hidden}.sidebar-container[data-v-0995691e]{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:16px 0 16px 16px;pointer-events:none}.nav-pill[data-v-0995691e]{background:var(--sidebar-bg);border-radius:40px;padding:24px 12px;display:flex;flex-direction:column;align-items:center;gap:32px;box-shadow:var(--shadow-md);pointer-events:auto;width:80px}.logo-wrapper[data-v-0995691e]{width:44px;height:44px;background:var(--bg-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:8px;box-shadow:0 4px 12px #0000001a}.logo-img[data-v-0995691e]{width:100%;height:100%;object-fit:contain}.nav-menu[data-v-0995691e]{display:flex;flex-direction:column;gap:20px;width:100%;align-items:center}.nav-item[data-v-0995691e]{width:44px;height:44px;border-radius:50%;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-smooth);position:relative}.nav-item[data-v-0995691e]:hover{background-color:var(--bg-body);color:var(--text-main)}.nav-item.active[data-v-0995691e]{background-color:var(--accent-yellow);color:var(--bg-dark);box-shadow:0 4px 12px var(--accent-glow)}.nav-item[data-v-0995691e]:after{content:attr(title);position:absolute;left:60px;background:var(--bg-dark);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap;font-weight:500}.nav-item[data-v-0995691e]:hover:after{opacity:1}.user-pill[data-v-0995691e]{background:var(--sidebar-bg);border-radius:40px;padding:12px;box-shadow:var(--shadow-md);pointer-events:auto;width:80px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s;margin-top:16px}.user-pill[data-v-0995691e]:hover{transform:scale(1.05)}.avatar[data-v-0995691e]{width:48px;height:48px;background:#e5e7eb;border-radius:50%;overflow:hidden}.avatar img[data-v-0995691e]{width:100%;height:100%;object-fit:cover}.top-header[data-v-8396f133]{height:80px;background-color:transparent;border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.breadcrumbs[data-v-8396f133]{display:flex;align-items:center;gap:12px;font-size:1.1rem}.text-secondary[data-v-8396f133]{color:var(--text-secondary)}.active[data-v-8396f133]{color:var(--text-main);font-weight:800}.clickable[data-v-8396f133]{cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:8px}.clickable[data-v-8396f133]:hover{background:#0000000d}.separator[data-v-8396f133]{color:var(--text-secondary);transform:rotate(20deg)}.actions[data-v-8396f133]{display:flex;align-items:center;gap:24px}.sys-time[data-v-8396f133]{font-size:.9rem;font-weight:600;color:var(--text-main);background:#fff;padding:8px 16px;border-radius:20px;box-shadow:var(--shadow-sm)}.user-profile[data-v-8396f133]{display:flex;align-items:center;gap:12px;cursor:pointer;background:#fff;padding:6px 16px 6px 6px;border-radius:30px;box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.user-profile[data-v-8396f133]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.user-avatar[data-v-8396f133]{width:36px;height:36px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.user-name[data-v-8396f133]{font-size:.95rem;font-weight:700}.btn-icon[data-v-8396f133],.btn-logout[data-v-8396f133]{width:40px;height:40px;border-radius:12px;background:#fff;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-sm);border:none;cursor:pointer}.btn-icon[data-v-8396f133]:hover{color:var(--primary-color);transform:rotate(90deg)}.btn-logout[data-v-8396f133]:hover{background-color:var(--danger-color);color:#fff;transform:scale(1.1)}.modal-overlay[data-v-8396f133]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content[data-v-8396f133]{width:400px;padding:32px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a}.modal-header[data-v-8396f133]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3[data-v-8396f133]{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-main)}.close-btn[data-v-8396f133]{background:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:all .2s}.close-btn[data-v-8396f133]:hover{color:var(--danger-color);transform:rotate(90deg)}.password-form[data-v-8396f133]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-8396f133]{display:flex;flex-direction:column;gap:6px}.form-group label[data-v-8396f133]{font-size:.9rem;font-weight:600;color:var(--text-main)}.form-input[data-v-8396f133]{padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.95rem;outline:none;transition:border-color .2s}.form-input[data-v-8396f133]:focus{border-color:var(--accent-yellow)}.mt-4[data-v-8396f133]{margin-top:1rem}.full-width[data-v-8396f133]{width:100%;height:48px;font-size:1.05rem;font-weight:700}.btn-primary[data-v-8396f133]{background:linear-gradient(135deg,var(--accent-yellow) 0%,#F59E0B 100%);color:#000;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-primary[data-v-8396f133]:active{transform:scale(.98)}.btn-primary[data-v-8396f133]:disabled{opacity:.7;cursor:not-allowed}.layout-container[data-v-8e93404e]{display:flex;height:100vh;width:100vw;background-color:var(--bg-body)}.sidebar-wrapper[data-v-8e93404e]{height:100vh;flex-shrink:0;position:relative;z-index:50}.main-content[data-v-8e93404e]{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;margin:16px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-content[data-v-8e93404e]{flex:1;overflow-y:auto;padding:24px}.fade-enter-active[data-v-8e93404e],.fade-leave-active[data-v-8e93404e]{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.fade-enter-from[data-v-8e93404e]{opacity:0;transform:translateY(20px)}.fade-leave-to[data-v-8e93404e]{opacity:0;transform:translateY(-20px)}.login-wrapper[data-v-ab4b9301]{display:flex;height:100vh;width:100vw;overflow:hidden;background:#fff}.visual-side[data-v-ab4b9301]{flex:1.2;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.visual-content[data-v-ab4b9301]{position:relative;z-index:2;color:#fff;padding:60px}.brand-logo img[data-v-ab4b9301]{width:280px;height:auto;display:block;margin-bottom:24px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.brand-slogan[data-v-ab4b9301]{font-size:1.5rem;font-weight:300;opacity:.9;line-height:1.4}.floating-card[data-v-ab4b9301]{position:absolute;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.2);color:#fff;box-shadow:0 20px 40px #0003}.card-1[data-v-ab4b9301]{top:22%;right:18%;transform:scale(.95);animation:float-ab4b9301 6s ease-in-out infinite}.card-2[data-v-ab4b9301]{bottom:22%;left:18%;transform:scale(.95);animation:float-ab4b9301 8s ease-in-out infinite reverse}.stat-num[data-v-ab4b9301]{font-size:1.8rem;font-weight:700}.stat-label[data-v-ab4b9301]{font-size:.8rem;opacity:.8}.shape[data-v-ab4b9301]{position:absolute;border-radius:50%;opacity:.4}.circle-1[data-v-ab4b9301]{width:600px;height:600px;background:radial-gradient(circle,#84cc16 0%,transparent 70%);top:-100px;right:-100px}.circle-2[data-v-ab4b9301]{width:400px;height:400px;background:radial-gradient(circle,#f43f5e 0%,transparent 70%);bottom:-50px;left:-50px}.form-side[data-v-ab4b9301]{flex:1;display:flex;align-items:center;justify-content:center;background:#fff}.login-box[data-v-ab4b9301]{width:100%;max-width:420px;padding:40px}.header[data-v-ab4b9301]{margin-bottom:48px}.header h2[data-v-ab4b9301]{font-size:2.5rem;font-weight:800;color:var(--text-main);margin-bottom:12px;letter-spacing:-1px}.header p[data-v-ab4b9301]{color:var(--text-secondary);font-size:1.1rem}.input-group[data-v-ab4b9301]{margin-bottom:24px}.input-group label[data-v-ab4b9301]{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:var(--text-main)}.input-wrapper[data-v-ab4b9301]{position:relative;display:flex;align-items:center}.input-wrapper .icon[data-v-ab4b9301]{position:absolute;left:16px;color:var(--text-secondary)}.input-wrapper input[data-v-ab4b9301]{width:100%;padding:16px 16px 16px 48px;border-radius:16px;border:2px solid #f3f4f6;background:#f9fafb;font-size:1rem;font-weight:500;transition:all .3s ease;outline:none}.input-wrapper input[data-v-ab4b9301]:focus{border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px #4f46e51a}.cta-btn[data-v-ab4b9301]{width:100%;padding:16px;border-radius:16px;background:var(--text-main);color:#fff;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 20px -5px #0000004d}.cta-btn[data-v-ab4b9301]:hover{transform:translateY(-2px);background:#4f46e5;box-shadow:0 15px 30px -5px #4f46e566}.cta-btn[data-v-ab4b9301]:disabled{opacity:.7;cursor:not-allowed}@keyframes float-ab4b9301{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}