.login-page[data-v-3d1142eb]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:24px}.login-card[data-v-3d1142eb]{width:100%;max-width:400px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:40px 32px;box-shadow:0 4px 24px #0000000f}.login-header[data-v-3d1142eb]{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:32px}.login-logo[data-v-3d1142eb]{color:var(--accent)}.login-header h1[data-v-3d1142eb]{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.login-form[data-v-3d1142eb]{display:flex;flex-direction:column;gap:20px}.field[data-v-3d1142eb]{display:flex;flex-direction:column;gap:6px}.field-label[data-v-3d1142eb]{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text-secondary)}.field-input[data-v-3d1142eb]{padding:10px 14px;border:1px solid var(--border-color);border-radius:10px;background:var(--btn-bg);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:border-color var(--transition-speed),box-shadow var(--transition-speed)}.field-input[data-v-3d1142eb]::placeholder{color:var(--text-muted)}.field-input[data-v-3d1142eb]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6b8e7f26}.error-msg[data-v-3d1142eb]{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#dc354514;border:1px solid rgba(220,53,69,.2);border-radius:10px;color:#dc3545;font-size:13px}.submit-btn[data-v-3d1142eb]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition-speed)}.submit-btn[data-v-3d1142eb]:hover:not(:disabled){background:var(--accent-hover)}.submit-btn[data-v-3d1142eb]:disabled{opacity:.7;cursor:not-allowed}.btn-spinner[data-v-3d1142eb]{animation:spin-3d1142eb .8s linear infinite}@keyframes spin-3d1142eb{to{transform:rotate(360deg)}}.sidebar[data-v-e7c76807]{width:260px;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--transition-speed);overflow:hidden;flex-shrink:0;box-shadow:2px 0 12px #0000000a}.sidebar.collapsed[data-v-e7c76807]{width:72px}.sidebar-header[data-v-e7c76807]{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--border-color)}.logo[data-v-e7c76807]{display:flex;align-items:center;gap:10px}.logo-icon[data-v-e7c76807]{color:var(--accent);flex-shrink:0}.logo-text[data-v-e7c76807]{font-size:18px;font-weight:700;color:var(--text-primary);white-space:nowrap}.collapse-btn[data-v-e7c76807]{background:var(--btn-bg);border:1px solid var(--border-color);color:var(--text-secondary);width:28px;height:28px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.collapse-btn[data-v-e7c76807]:hover{background:var(--btn-hover);color:var(--text-primary)}.sidebar-nav[data-v-e7c76807]{flex:1;padding:12px 8px;overflow-y:auto}.nav-item[data-v-e7c76807]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;cursor:pointer;transition:all var(--transition-speed);margin-bottom:4px;white-space:nowrap}.nav-item[data-v-e7c76807]:hover{background:var(--nav-hover)}.nav-item.active[data-v-e7c76807]{background:var(--accent);color:#fff}.nav-item.active .nav-label[data-v-e7c76807],.nav-item.active .nav-icon[data-v-e7c76807]{color:#fff}.nav-icon[data-v-e7c76807]{flex-shrink:0}.nav-label[data-v-e7c76807]{font-size:14px;font-weight:500;color:var(--text-primary)}.sidebar-footer[data-v-e7c76807]{padding:16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.footer-user[data-v-e7c76807]{display:flex;align-items:center;gap:6px}.footer-icon[data-v-e7c76807]{color:var(--text-secondary);flex-shrink:0}.footer-username[data-v-e7c76807]{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn[data-v-e7c76807]{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color);border-radius:8px;background:var(--btn-bg);color:var(--text-secondary);font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;transition:all var(--transition-speed)}.logout-btn[data-v-e7c76807]:hover{background:#dc354514;border-color:#dc354533;color:#dc3545}.sidebar-footer-collapsed[data-v-e7c76807]{padding:16px;border-top:1px solid var(--border-color);display:flex;justify-content:center}.logout-btn-icon[data-v-e7c76807]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color);border-radius:8px;background:var(--btn-bg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-speed)}.logout-btn-icon[data-v-e7c76807]:hover{background:#dc354514;border-color:#dc354533;color:#dc3545}.iframe-view[data-v-6ff50fc2]{flex:1;display:flex;flex-direction:column;background:var(--content-bg);overflow:hidden}.placeholder[data-v-6ff50fc2]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.placeholder-icon[data-v-6ff50fc2]{color:var(--text-muted);margin-bottom:16px;opacity:.5}.placeholder h2[data-v-6ff50fc2]{font-size:22px;color:var(--text-primary);margin:0 0 8px}.placeholder p[data-v-6ff50fc2]{color:var(--text-muted);font-size:14px}.iframe-header[data-v-6ff50fc2]{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--card-bg);border-bottom:1px solid var(--border-color);box-shadow:0 1px 4px #0000000a}.iframe-info[data-v-6ff50fc2]{display:flex;align-items:center;gap:12px}.iframe-icon[data-v-6ff50fc2]{color:var(--accent);flex-shrink:0}.iframe-title[data-v-6ff50fc2]{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.iframe-url[data-v-6ff50fc2]{font-size:12px;color:var(--text-muted);word-break:break-all}.external-link[data-v-6ff50fc2]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--btn-bg);border:1px solid var(--border-color);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-speed)}.external-link[data-v-6ff50fc2]:hover{background:var(--btn-hover);color:var(--accent)}.iframe-container[data-v-6ff50fc2]{flex:1;position:relative}.iframe-container iframe[data-v-6ff50fc2]{width:100%;height:100%;border:none}.iframe-loader[data-v-6ff50fc2]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--content-bg);gap:16px;z-index:10}.spinner[data-v-6ff50fc2]{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent);border-radius:50%;animation:spin-6ff50fc2 .8s linear infinite}@keyframes spin-6ff50fc2{to{transform:rotate(360deg)}}.iframe-loader p[data-v-6ff50fc2]{color:var(--text-secondary);font-size:14px}.app-layout[data-v-174b5381]{display:flex;height:100vh;width:100vw;overflow:hidden}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f5f7f6;--sidebar-bg: #ffffff;--content-bg: #f5f7f6;--card-bg: #ffffff;--border-color: #e2e8e6;--text-primary: #1a2e24;--text-secondary: #5a6e64;--text-muted: #8a9e94;--accent: #6b8e7f;--accent-hover: #5a7d6e;--nav-hover: rgba(107, 142, 127, .08);--btn-bg: #f0f3f1;--btn-hover: #e2e8e6;--transition-speed: .25s;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow:hidden}#app{height:100vh;width:100vw}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent);color:#fff}