:root{--color-primary:#1e63d8;--color-primary-hover:#1750b8;--color-secondary:#4a90e2;--color-accent:#03c75a;--color-bg-base:#f5f8fc;--color-bg-surface:#fff;--color-bg-surface-hover:#eef3fb;--color-bg-sidebar:#fff;--color-bg-header-gradient:linear-gradient(135deg, #1e63d8 0%, #6a5bff 50%, #4a90e2 100%);--color-text-main:#0d1b2a;--color-text-muted:#6b7a8f;--color-text-on-primary:#fff;--color-border:#e1e8f0;--color-border-strong:#c8d4e3;--color-success:#03c75a;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#4a90e2;--status-waiting:#6b7a8f;--status-active:#03c75a;--status-expiring:#f59e0b;--status-ended:#ef4444;--border-radius:12px;--border-radius-sm:8px;--shadow-card:0 1px 3px #0d1b2a0a, 0 4px 16px #1e63d80f;--shadow-card-hover:0 4px 12px #0d1b2a0f, 0 8px 24px #1e63d81a;--shadow-header:0 4px 20px #1e63d82e;--transition:.2s ease}*{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--color-bg-base);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}button{cursor:pointer;transition:all var(--transition);border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}.card{background-color:var(--color-bg-surface);border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.btn-primary{background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--border-radius-sm);justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.2rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--color-primary-hover)}.btn-ghost{background:var(--color-bg-surface);color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:.55rem 1rem;font-weight:500}.btn-ghost:hover{background:var(--color-bg-surface-hover);border-color:var(--color-border-strong)}.input-field{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);width:100%;color:var(--color-text-main);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:.6rem .85rem}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1e63d81f}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}