.app-root{height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--font-size-base)}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:13px}.spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.companion[data-v-cfd5ac96]{position:fixed;bottom:16px;right:16px;z-index:100;width:38px;height:38px;border-radius:50%;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow);transition:transform .2s}.companion[data-v-cfd5ac96]:hover{transform:scale(1.1)}.sprite[data-v-cfd5ac96]{font-size:18px}.companion-bubble[data-v-cfd5ac96]{position:fixed;bottom:62px;right:16px;z-index:100;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:var(--font-size-sm);max-width:180px;line-height:1.5;box-shadow:var(--shadow)}.app{display:flex;height:100vh}.sidebar{width:220px;min-width:220px;background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-brand{height:48px;display:flex;align-items:center;padding:0 16px;font-weight:700;font-size:14px;border-bottom:1px solid var(--border);gap:8px}.sidebar-brand i{width:28px;height:28px;border-radius:6px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:14px}.sidebar-nav{flex:1;overflow-y:auto;padding:8px}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;margin-bottom:2px;transition:background .15s;color:var(--text)}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--primary-lt);color:var(--primary)}.sidebar-footer{border-top:1px solid var(--border);padding:10px 12px;font-size:11px;color:var(--muted)}.main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{height:48px;min-height:48px;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px}.topbar-title{font-weight:600;font-size:14px;white-space:nowrap}.topbar-spacer{flex:1}.topbar-user{font-size:12px;color:var(--muted);cursor:pointer;padding:4px 10px;border-radius:6px}.topbar-user:hover{background:var(--bg)}.content{flex:1;overflow-y:auto;padding:20px 24px}:root{--bg: #f1f3f5;--card: #ffffff;--text: #212529;--muted: #868e96;--primary: #4263eb;--primary-lt: #dbe4ff;--danger: #e03131;--success: #2b8a3e;--warn: #f08c00;--border: #dee2e6;--radius: 8px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--surface: var(--card);--line: var(--border);--accent: var(--primary);--accent-light: var(--primary-lt);--accent-hover: #3451d1;--text-muted: var(--muted);--positive: var(--success);--positive-bg: #d3f9d8;--warning: var(--warn);--warning-bg: #fff3bf;--negative: var(--danger);--negative-bg: #ffe3e3;--radius-sm: 5px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.03);--shadow: 0 1px 3px rgba(0,0,0,.06);--shadow-lg: 0 4px 16px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button,input,select,textarea{font:inherit}