:root{--nord0: #2e3440;--nord1: #3b4252;--nord2: #434c5e;--nord3: #4c566a;--nord4: #d8dee9;--nord5: #e5e9f0;--nord6: #eceff4;--nord7: #8fbcbb;--nord8: #88c0d0;--nord9: #81a1c1;--nord10: #5e81ac;--nord11: #bf616a;--nord12: #d08770;--nord13: #ebcb8b;--nord14: #a3be8c;--nord15: #b48ead;--bg-app: var(--nord0);--bg-panel: var(--nord1);--bg-element: var(--nord2);--bg-hover: var(--nord3);--text-main: var(--nord6);--text-dim: var(--nord4);--text-mute: var(--nord3);--primary-color: var(--nord8);--primary-hover: var(--nord7);--accent-color: var(--nord9);--highlight-color: var(--nord10);--border-subtle: rgba(216, 222, 233, .1);--border-focus: var(--nord8);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-glow: 0 0 10px rgba(136, 192, 208, .2);--spacing-unit: 8px;--container-padding: 32px;--radius-sm: 6px;--radius-md: 12px;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--trans-fast: .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-body);font-size:14px;line-height:1.6;overflow:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:500;letter-spacing:-.02em}p{color:var(--text-dim)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--nord3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--nord9)}.panel-card{background-color:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:24px;transition:transform var(--trans-fast),box-shadow var(--trans-fast),border-color var(--trans-fast)}.btn-primary{background:linear-gradient(135deg,var(--nord10),var(--nord9));color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:all var(--trans-fast);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background:linear-gradient(135deg,var(--nord9),var(--nord8));box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;border:1px solid var(--border-subtle);color:var(--text-dim);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--trans-fast)}.btn-ghost:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:#88c0d00d}input,textarea,select{background-color:#2e344080;border:1px solid var(--border-subtle);color:var(--text-main);padding:10px 14px;border-radius:var(--radius-sm);transition:all var(--trans-fast);font-family:inherit;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #88c0d01a}.view-container{height:100%;display:flex;flex-direction:column;padding:32px 40px;max-width:1600px;margin:0 auto;gap:20px}@media(max-width:768px){.view-container{padding:16px}}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.app-layout[data-v-12a41021]{display:flex;height:100vh;width:100vw;background-color:var(--bg-app)}.sidebar[data-v-12a41021]{width:280px;background:linear-gradient(180deg,var(--nord0) 0%,rgba(46,52,64,.9) 100%);display:flex;flex-direction:column;flex-shrink:0;z-index:20;box-shadow:4px 0 20px #0003}.logo-area[data-v-12a41021]{height:90px;display:flex;align-items:center;padding:0 32px;gap:16px}.logo-box[data-v-12a41021]{width:40px;height:40px;background:linear-gradient(135deg,var(--nord8),var(--nord9));color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;box-shadow:0 4px 10px #88c0d04d}.brand-text[data-v-12a41021]{display:flex;flex-direction:column}.brand-text .main[data-v-12a41021]{font-size:16px;font-weight:700;color:var(--text-main);letter-spacing:.5px}.brand-text .sub[data-v-12a41021]{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:2px}.nav-menu[data-v-12a41021]{flex:1;padding:40px 24px;display:flex;flex-direction:column;gap:12px}.nav-item[data-v-12a41021]{display:flex;align-items:center;gap:16px;padding:14px 20px;color:var(--text-dim);border-radius:16px;transition:all .3s ease;font-size:15px;position:relative;overflow:hidden;text-decoration:none!important}.nav-item .icon[data-v-12a41021]{opacity:.7;transition:.3s}.nav-item .text[data-v-12a41021]{font-weight:500}.nav-item[data-v-12a41021]:hover{background-color:#ffffff08;color:var(--text-main);transform:translate(4px);text-decoration:none}.nav-item.router-link-active[data-v-12a41021]{background:linear-gradient(90deg,rgba(136,192,208,.15) 0%,transparent 100%);color:var(--primary-color)}.nav-item.router-link-active .icon[data-v-12a41021]{opacity:1;transform:scale(1.1)}.nav-item.router-link-active[data-v-12a41021]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--primary-color);box-shadow:2px 0 10px var(--primary-color);border-radius:0 4px 4px 0}.user-profile[data-v-12a41021]{margin:24px;padding:16px;background-color:#ffffff08;border-radius:16px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(5px)}.avatar[data-v-12a41021]{width:40px;height:40px;background-color:var(--nord3);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.info[data-v-12a41021]{flex:1;display:flex;flex-direction:column}.info .name[data-v-12a41021]{font-size:14px;font-weight:600;color:var(--text-main)}.info .role[data-v-12a41021]{font-size:11px;color:var(--text-dim)}.logout-btn[data-v-12a41021]{background:none;border:none;font-size:18px;color:var(--text-mute);cursor:pointer;transition:.2s;padding:8px}.logout-btn[data-v-12a41021]:hover{color:var(--nord11);transform:rotate(180deg)}.main-wrapper[data-v-12a41021]{flex:1;display:flex;flex-direction:column}.main-header[data-v-12a41021]{height:90px;background:transparent;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.page-title[data-v-12a41021]{font-size:24px;font-weight:300;letter-spacing:1px}.header-right[data-v-12a41021]{display:flex;align-items:center}.tool-badge[data-v-12a41021]{background:var(--bg-element);padding:6px 12px;border-radius:20px;font-size:12px;color:var(--primary-color);border:1px solid var(--border-subtle);font-weight:500;letter-spacing:.5px}.content-scroll-area[data-v-12a41021]{flex:1;overflow-y:auto;position:relative;background-color:var(--bg-app)}.global-toast[data-v-12a41021]{position:fixed;top:40px;left:50%;transform:translate(-50%);background:var(--nord0);border:1px solid var(--primary-color);color:var(--primary-color);padding:12px 32px;border-radius:30px;box-shadow:0 8px 30px #0000004d;z-index:1000;font-weight:500;animation:slideDown-12a41021 .3s ease}@keyframes slideDown-12a41021{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}