*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:"SF Mono", "Cascadia Code", "Consolas", monospace;--radius-sm:6px;--radius:10px;--radius-lg:14px;--transition:.25s cubic-bezier(.4, 0, .2, 1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;transition:background-color .3s,color .3s}body.theme-dark{color:#e8eaf0;--bg-page:#0c0e14;--bg-surface:#13161f;--bg-surface-hover:#1a1e2a;--bg-elevated:#1e2233;--bg-input:#161a25;--border:#252a38;--border-strong:#353a4e;--text-primary:#e8eaf0;--text-secondary:#a7adbd;--text-muted:#737b91;--text-hint:#737b91;--accent:#4f6ef7;--accent-hover:#6582ff;--accent-glow:#4f6ef726;--success:#34d399;--success-bg:#34d3991a;--danger:#f87171;--danger-hover:#ef4444;--danger-bg:#f871711a;--warning:#fbbf24;--warning-bg:#fbbf241a;background-color:#0c0e14}body.theme-light{color:#1a1a1a;--bg-page:#f5f7fa;--bg-surface:#fff;--bg-surface-hover:#f0f2f5;--bg-elevated:#fafafa;--bg-input:#fff;--border:#d9dde7;--border-strong:#c6ccd8;--text-primary:#1a1a1a;--text-secondary:#4b5563;--text-muted:#7b8494;--text-hint:#8b95a5;--accent:#4f6ef7;--accent-hover:#3f5ee8;--accent-glow:#4f6ef71f;--success:#52c41a;--success-bg:#52c41a1a;--danger:#ff4d4f;--danger-hover:#d9363e;--danger-bg:#ff4d4f1a;--warning:#faad14;--warning-bg:#faad141f;background-color:#f5f7fa}.modal-panel{color:var(--text-primary)}.modal-panel .form-input,.modal-panel .form-select,.modal-panel .form-textarea{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-primary)}.modal-panel .form-input::placeholder,.modal-panel .form-textarea::placeholder{color:var(--text-hint);opacity:1}.modal-panel .form-hint,.modal-panel .modal-subtitle,.modal-panel .drop-hint{color:var(--text-hint)}.modal-panel .btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.modal-panel .btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.modal-panel .btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.modal-panel .btn-danger:hover{background:var(--danger-hover);border-color:var(--danger-hover);color:#fff}.modal-panel .btn-ghost{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary)}.modal-panel .btn-ghost:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);color:var(--text-primary)}#app{width:100%;height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3 0%,#6a3f8f 100%)}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.page-enter-active,.page-leave-active{transition:all .3s}.page-enter-from{opacity:0;transform:translate(20px)}.page-leave-to{opacity:0;transform:translate(-20px)}