.header[data-v-6232a910]{background:#fff;border-bottom:1px solid var(--color-paper-dark);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content[data-v-6232a910]{max-width:1400px;margin:0 auto;padding:var(--space-4) var(--space-8);display:flex;align-items:center;justify-content:space-between}.logo[data-v-6232a910]{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.logo-icon[data-v-6232a910]{color:var(--color-accent);width:28px;height:28px}.logo-text[data-v-6232a910]{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-ink)}.header-right[data-v-6232a910]{display:flex;align-items:center;gap:var(--space-4)}.user-info[data-v-6232a910]{display:flex;align-items:center;gap:var(--space-3)}.user-avatar[data-v-6232a910]{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-name[data-v-6232a910]{font-size:var(--text-sm);color:var(--color-ink-muted);font-weight:500}.btn-signout[data-v-6232a910]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-ink-muted);transition:all var(--transition-fast)}.btn-signout[data-v-6232a910]:hover{background:var(--color-paper-dark);color:var(--color-ink)}.app[data-v-84c9d5d4]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-84c9d5d4]{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}:root{--color-ink: #1a1f36;--color-ink-light: #2d3348;--color-ink-muted: #6b7280;--color-paper: #faf9f7;--color-paper-warm: #f5f3f0;--color-paper-dark: #e8e6e3;--color-accent: #f59e0b;--color-accent-hover: #d97706;--color-success: #10b981;--color-error: #ef4444;--color-processing: #3b82f6;--font-display: "Playfair Display", Georgia, serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(26, 31, 54, .05);--shadow-md: 0 4px 6px -1px rgba(26, 31, 54, .08), 0 2px 4px -1px rgba(26, 31, 54, .04);--shadow-lg: 0 10px 15px -3px rgba(26, 31, 54, .1), 0 4px 6px -2px rgba(26, 31, 54, .05);--shadow-xl: 0 20px 25px -5px rgba(26, 31, 54, .1), 0 10px 10px -5px rgba(26, 31, 54, .04);--shadow-paper: 0 1px 3px rgba(26, 31, 54, .12), 0 1px 2px rgba(26, 31, 54, .06);--shadow-card: 0 4px 20px rgba(26, 31, 54, .08);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-ink);background-color:var(--color-paper);background-image:radial-gradient(circle at 20% 80%,rgba(245,158,11,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(26,31,54,.02) 0%,transparent 50%);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;color:var(--color-ink)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base)}.btn-primary{background:var(--color-ink);color:var(--color-paper)}.btn-primary:hover{background:var(--color-ink-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{border:1.5px solid var(--color-ink);color:var(--color-ink);background:transparent}.btn-outline:hover{background:var(--color-ink);color:var(--color-paper)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6);border:1px solid rgba(26,31,54,.06)}.status-completed{color:var(--color-success)}.status-processing{color:var(--color-processing)}.status-pending{color:var(--color-ink-muted)}.status-error{color:var(--color-error)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-paper-dark);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-ink-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-light)}