@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color: #F4C430;--primary-dark: #D4A017;--primary-soft: #FFF4CC;--bg-color: #FAFAF8;--surface-color: #FFFFFF;--overlay-color: rgba(0, 0, 0, .4);--text-primary: #1C1C1E;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-inverse: #FFFFFF;--border-light: #E5E7EB;--border-medium: #D1D5DB;--state-success: #22C55E;--state-warning: #F59E0B;--state-error: #EF4444;--state-info: #3B82F6;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-h1: 28px;--font-size-h2: 22px;--font-size-h3: 18px;--font-size-body: 15px;--font-size-small: 13px;--font-size-caption: 11px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-xxxl: 48px;--radius-none: 0px;--radius-small: 4px;--radius-medium: 8px;--radius-large: 12px;--radius-pill: 999px;--shadow-soft: 0 1px 2px rgba(0,0,0,.04);--shadow-medium: 0 4px 12px rgba(0,0,0,.08);--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .35s ease-out;--app-height: 100vh;--safe-area-bottom: env(safe-area-inset-bottom, 0px)}@supports (height: 100dvh){:root{--app-height: 100dvh}}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);font-size:var(--font-size-body);line-height:1.5;-webkit-font-smoothing:antialiased;padding-bottom:var(--safe-area-bottom)}html,body,#root{min-height:var(--app-height)}button{cursor:pointer;border:none;font-family:inherit;transition:opacity var(--transition-fast),background-color var(--transition-fast)}input{font-family:inherit}.btn-primary{background-color:var(--primary-color);color:var(--text-inverse);border-radius:var(--radius-medium);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;font-size:var(--font-size-body)}.btn-primary:hover{opacity:.9}.input-default{background-color:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-medium);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);outline:none;font-size:var(--font-size-body);transition:border-color var(--transition-fast)}.input-default:focus{border-color:var(--primary-color)}.card{background-color:var(--surface-color);border:1px solid var(--border-light);border-radius:var(--radius-medium);box-shadow:none}.quick-action-btn{background-color:#fff;border:1px solid #EEEEEE;color:#212121;font-weight:500;transition:background-color var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;cursor:pointer;border-radius:32px;padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm)}.quick-action-btn:hover{background-color:var(--primary-soft)}.quick-action-btn:active{background-color:#ffe082}.quick-action-btn svg,.quick-action-btn img{color:#f0b429;fill:#f0b429}@media (max-width: 767px){.quick-action-btn{border-radius:24px;padding:12px 14px;font-size:14px;gap:8px}.quick-action-btn:active{transform:scale(.96)}.quick-action-btn svg{width:16px;height:16px}}@media (min-width: 768px) and (max-width: 1024px){.quick-action-btn{border-radius:28px;padding:14px 18px;font-size:15px;gap:10px}.quick-action-btn:active{transform:scale(.97)}.quick-action-btn svg{width:18px;height:18px}}.logo-responsive{border-radius:50%;object-fit:cover;transition:width var(--transition-fast),height var(--transition-fast)}@media (max-width: 767px){.logo-responsive{width:26px;height:26px}}@media (min-width: 768px) and (max-width: 1024px){.logo-responsive{width:36px;height:36px}}@media (min-width: 1025px){.logo-responsive{width:40px;height:40px}}@media (min-width: 1025px){.quick-action-btn{border-radius:32px}.quick-action-btn:active{transform:scale(.96)}}@keyframes loading-pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.animate-pulse{animation:loading-pulse 1.5s infinite ease-in-out}.content-container{width:100%;margin:0 auto}@media (max-width: 767px){.content-container{width:100%}}@media (min-width: 768px) and (max-width: 1024px){.content-container{max-width:720px}}@media (min-width: 1025px){.content-container{max-width:800px}}