@import url(https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css);:root{--color-primary:#ec4899;--color-secondary:#a855f7;--color-tertiary:#3b82f6;--color-quaternary:#6366f1;--color-background:#fafbfc;--color-surface:#fff;--gradient-primary:linear-gradient(135deg,#ec4899,#a855f7);--gradient-secondary:linear-gradient(135deg,#3b82f6,#6366f1);--gradient-background:linear-gradient(180deg,#fafbfc,#f9fafb);--gradient-card:linear-gradient(145deg,#fff,#fafbfc);--gradient-soft-pink:linear-gradient(135deg,#ec48990d,#a855f70d);--gradient-soft-blue:linear-gradient(135deg,#3b82f60d,#6366f10d);--color-gray-900:#191a1c;--color-gray-800:#26282b;--color-gray-700:#3a3d42;--color-gray-600:#4e5157;--color-gray-500:#6b6f76;--color-gray-400:#8b8f96;--color-gray-300:#b0b4ba;--color-gray-200:#d1d4d8;--color-gray-100:#ebecef;--color-gray-50:#f7f8f9;--color-white:#fff;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--shadow-xs:0 1px 2px 0 #00000005;--shadow-sm:0 2px 4px 0 #0000000a;--shadow-md:0 4px 12px 0 #00000014;--shadow-lg:0 8px 24px 0 #0000001f;--shadow-xl:0 16px 48px 0 #00000029;--shadow-card:0 2px 8px #0000000a;--shadow-hover:0 8px 16px #00000014;--spacing-0:0;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-10:40px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--radius-xs:4px;--radius-2xl:24px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:17px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:28px;--font-size-4xl:36px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.34,1.56,0.64,1)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#fafbfc,#f9fafb);background:var(--gradient-background);color:#191a1c;color:var(--color-gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:15px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}.modern-card{background:#fff;background:var(--color-white);border:1px solid #0000000a;border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-card);padding:24px;padding:var(--spacing-6);transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.modern-card:hover{box-shadow:0 8px 16px #00000014;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.modern-card-compact{border-radius:16px;border-radius:var(--radius-lg);padding:16px;padding:var(--spacing-4)}.modern-card-gradient{background:linear-gradient(145deg,#fff,#fafbfc);background:var(--gradient-card);border:none}.modern-card-primary{background:linear-gradient(135deg,#ec4899,#a855f7);background:var(--gradient-primary)}.modern-card-primary,.modern-card-secondary{border:none;color:#fff;color:var(--color-white)}.modern-card-secondary{background:linear-gradient(135deg,#3b82f6,#6366f1);background:var(--gradient-secondary)}.modern-card-soft-pink{background:linear-gradient(135deg,#ec48990d,#a855f70d);background:var(--gradient-soft-pink);border:1px solid #ec48991a}.modern-card-soft-blue{background:linear-gradient(135deg,#3b82f60d,#6366f10d);background:var(--gradient-soft-blue);border:1px solid #3b82f61a}.modern-button{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:15px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);justify-content:center;outline:none;overflow:hidden;padding:12px 20px;padding:var(--spacing-3) var(--spacing-5);position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.modern-button-sm{border-radius:8px;border-radius:var(--radius-sm);font-size:13px;font-size:var(--font-size-sm);padding:8px 12px;padding:var(--spacing-2) var(--spacing-3)}.modern-button-lg{border-radius:16px;border-radius:var(--radius-lg);font-size:17px;font-size:var(--font-size-lg);padding:16px 24px;padding:var(--spacing-4) var(--spacing-6)}.modern-button-xl{border-radius:20px;border-radius:var(--radius-xl);font-size:20px;font-size:var(--font-size-xl);padding:20px 32px;padding:var(--spacing-5) var(--spacing-8)}.modern-button-primary{background:linear-gradient(135deg,#ec4899,#a855f7);background:var(--gradient-primary);color:#fff;color:var(--color-white)}.modern-button-primary:hover{background:linear-gradient(135deg,#e91e63,#9333ea);transform:scale(1.02)}.modern-button-primary:active{transform:scale(.98)}.modern-button-secondary{background:linear-gradient(135deg,#3b82f6,#6366f1);background:var(--gradient-secondary);color:#fff;color:var(--color-white)}.modern-button-secondary:hover{background:linear-gradient(135deg,#2563eb,#4f46e5)}.modern-button-ghost{background:#0000;border:1px solid #ec4899;border:1px solid var(--color-primary);color:#ec4899;color:var(--color-primary)}.modern-button-ghost:hover{background:#ec48991a}.modern-button-text{background:#0000;color:#3a3d42;color:var(--color-gray-700);padding:8px;padding:var(--spacing-2)}.modern-button-text:hover{background:#ec48990d;color:#ec4899;color:var(--color-primary)}.modern-button-full{width:100%}.modern-button-icon{border-radius:9999px;border-radius:var(--radius-full);height:40px;padding:8px;padding:var(--spacing-2);width:40px}.modern-input{background:#fff;background:var(--color-white);border:1px solid #d1d4d8;border:1px solid var(--color-gray-200);border-radius:12px;border-radius:var(--radius-md);font-size:15px;font-size:var(--font-size-base);outline:none;padding:16px;padding:var(--spacing-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast);width:100%}.modern-input:focus{border-color:#ec4899;border-color:var(--color-primary);box-shadow:0 0 0 3px #ec48991a}.modern-input:hover{border-color:#b0b4ba;border-color:var(--color-gray-300)}.modern-input-error{border-color:#ef4444;border-color:var(--color-error)}.modern-input-error:focus{box-shadow:0 0 0 3px #f454521a}.modern-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-top:1px solid #0000000d;box-shadow:0 -2px 10px #0000000a}.modern-nav-item{align-items:center;color:#6b6f76;color:var(--color-gray-500);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:8px 12px;padding:var(--spacing-2) var(--spacing-3);position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modern-nav-item.active,.modern-nav-item:hover{color:#ec4899;color:var(--color-primary)}.modern-nav-item.active:before{background:#ec4899;background:var(--color-primary);border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-sm) var(--radius-sm);content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:24px}.modern-list-item{align-items:center;background:#fff;background:var(--color-white);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;padding:16px;padding:var(--spacing-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modern-list-item:hover{background:#f7f8f9;background:var(--color-gray-50);transform:translateX(4px)}.modern-list-item:active{transform:scale(.98)}.modern-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);padding:4px 8px;padding:var(--spacing-1) var(--spacing-2);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.modern-badge-primary{background:#ec48991a;color:#ec4899;color:var(--color-primary)}.modern-badge-secondary{background:#a855f71a;color:#a855f7;color:var(--color-secondary)}.modern-badge-blue{background:#3b82f61a;color:#3b82f6;color:var(--color-tertiary)}.modern-badge-indigo{background:#6366f11a;color:#6366f1;color:var(--color-quaternary)}.modern-badge-success{background:#10b9811a;color:#10b981;color:var(--color-success)}.modern-badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--color-warning)}.modern-badge-error{background:#ef44441a;color:#ef4444;color:var(--color-error)}.modern-modal{animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);animation:slideUp var(--transition-spring);background:#fff;background:var(--color-white);border-radius:24px 24px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 16px 48px 0 #00000029;box-shadow:var(--shadow-xl)}.modern-progress{background:#ebecef;background:var(--color-gray-100);border-radius:9999px;border-radius:var(--radius-full);height:8px;overflow:hidden;width:100%}.modern-progress-bar{height:100%;transition:width .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base)}.modern-fab,.modern-progress-bar{background:linear-gradient(135deg,#ec4899,#a855f7);background:var(--gradient-primary);border-radius:9999px;border-radius:var(--radius-full)}.modern-fab{align-items:center;bottom:80px;box-shadow:0 8px 24px 0 #0000001f;box-shadow:var(--shadow-lg);color:#fff;color:var(--color-white);cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:20px;transition:all .5s cubic-bezier(.34,1.56,.64,1);transition:all var(--transition-spring);width:56px;z-index:1000}.modern-fab:hover{box-shadow:0 16px 48px 0 #00000029;box-shadow:var(--shadow-xl);transform:scale(1.1)}.modern-fab:active{transform:scale(.95)}.modern-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#ebecef,#f7f8f9 50%,#ebecef);background:linear-gradient(90deg,var(--color-gray-100) 0,var(--color-gray-50) 50%,var(--color-gray-100) 100%);background-size:200% 100%;border-radius:12px;border-radius:var(--radius-md)}.modern-toast{animation:fadeIn .25s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--transition-base);background:#191a1c;background:var(--color-gray-900);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 8px 24px 0 #0000001f;box-shadow:var(--shadow-lg);color:#fff;color:var(--color-white);padding:12px 16px;padding:var(--spacing-3) var(--spacing-4)}.modern-p-0{padding:0;padding:var(--spacing-0)}.modern-p-1{padding:4px;padding:var(--spacing-1)}.modern-p-2{padding:8px;padding:var(--spacing-2)}.modern-p-3{padding:12px;padding:var(--spacing-3)}.modern-p-4{padding:16px;padding:var(--spacing-4)}.modern-p-5{padding:20px;padding:var(--spacing-5)}.modern-p-6{padding:24px;padding:var(--spacing-6)}.modern-p-8{padding:32px;padding:var(--spacing-8)}.modern-m-0{margin:0;margin:var(--spacing-0)}.modern-m-1{margin:4px;margin:var(--spacing-1)}.modern-m-2{margin:8px;margin:var(--spacing-2)}.modern-m-3{margin:12px;margin:var(--spacing-3)}.modern-m-4{margin:16px;margin:var(--spacing-4)}.modern-m-5{margin:20px;margin:var(--spacing-5)}.modern-m-6{margin:24px;margin:var(--spacing-6)}.modern-m-8{margin:32px;margin:var(--spacing-8)}.modern-text-xs{font-size:11px;font-size:var(--font-size-xs)}.modern-text-sm{font-size:13px;font-size:var(--font-size-sm)}.modern-text-base{font-size:15px;font-size:var(--font-size-base)}.modern-text-lg{font-size:17px;font-size:var(--font-size-lg)}.modern-text-xl{font-size:20px;font-size:var(--font-size-xl)}.modern-text-2xl{font-size:24px;font-size:var(--font-size-2xl)}.modern-text-3xl{font-size:28px;font-size:var(--font-size-3xl)}.modern-font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.modern-font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.modern-font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.modern-font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.modern-rounded-sm{border-radius:8px;border-radius:var(--radius-sm)}.modern-rounded-md{border-radius:12px;border-radius:var(--radius-md)}.modern-rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.modern-rounded-xl{border-radius:20px;border-radius:var(--radius-xl)}.modern-rounded-2xl{border-radius:24px;border-radius:var(--radius-2xl)}.modern-rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.modern-shadow-sm{box-shadow:0 2px 4px 0 #0000000a;box-shadow:var(--shadow-sm)}.modern-shadow-md{box-shadow:0 4px 12px 0 #00000014;box-shadow:var(--shadow-md)}.modern-shadow-lg{box-shadow:0 8px 24px 0 #0000001f;box-shadow:var(--shadow-lg)}.modern-shadow-xl{box-shadow:0 16px 48px 0 #00000029;box-shadow:var(--shadow-xl)}@media (max-width:480px){:root{--font-size-base:14px;--spacing-4:14px;--spacing-6:20px;--spacing-8:28px}.modern-card{border-radius:16px;border-radius:var(--radius-lg);padding:16px;padding:var(--spacing-4)}}@media (min-width:768px){.modern-container{margin:0 auto;max-width:448px}}:root{--primary-purple:#a855f7;--primary-blue:#3b82f6;--bg-light:#fafbfc;--text-dark:var(--color-gray-900);--text-light:var(--color-gray-600);--glass-bg:#ffffffd9;--glass-border:#ffffff4d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-background);color:var(--color-gray-900);font-family:var(--font-family)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ec4899,#a855f7);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e91e63,#9333ea)}.gradient-pink-purple{background:linear-gradient(135deg,#ec4899,#a855f7)}.gradient-blue-indigo{background:linear-gradient(135deg,#3b82f6,#6366f1)}.gradient-pink-light{background:linear-gradient(135deg,#ec48991a,#a855f71a)}.gradient-blue-light{background:linear-gradient(135deg,#3b82f61a,#6366f11a)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.fade-in{animation:fadeIn .5s ease-out}.slide-up{animation:slideUp .6s ease-out}.pulse{animation:pulse 2s infinite}.float{animation:float 3s ease-in-out infinite}.slide-in-right{animation:slideInRight .5s ease-out}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-4px)}.tab-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-haptic{overflow:hidden;position:relative}.btn-haptic:before{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-haptic:active:before{height:300px;width:300px}.ripple{overflow:hidden;position:relative}.ripple:after{animation:ripple .6s;background:#ffffff80;border-radius:50%;content:"";height:100px;pointer-events:none;position:absolute;transform:scale(0);width:100px}html{scroll-behavior:smooth}::selection{background:#ec4899;background:var(--primary-pink);color:#fff;opacity:.8}.pb-safe{padding-bottom:env(safe-area-inset-bottom,0)}.main-content{padding-bottom:80px}@supports (padding-bottom:env(safe-area-inset-bottom)){.main-content{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0))}}@media (max-width:640px){.max-w-md{max-width:100%}.touch-feedback{-webkit-tap-highlight-color:rgba(236,72,153,.2);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.focus-visible:focus{outline:2px solid #ec4899;outline:2px solid var(--primary-pink);outline-offset:2px}.spinner{animation:spin 1s linear infinite;border:3px solid #ec48991a;border-image:linear-gradient(135deg,#ec4899,#a855f7);border-image-slice:1;border-radius:50%;border-top-color:#0000;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-indigo:#6366f1;--primary-purple:#8b5cf6;--primary-pink:#ec4899;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--gray-900:#111827;--gray-700:#374151;--gray-500:#6b7280;--gray-300:#d1d5db;--gray-100:#f3f4f6;--gray-50:#f9fafb;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 8px #00000014;--shadow-lg:0 8px 16px #0000001a;--shadow-xl:0 12px 24px #0000001f;--duration-fast:150ms;--duration-base:200ms;--duration-slow:300ms;--ease-in-out:cubic-bezier(0.4,0,0.2,1)}.card-base{background:#fff;box-shadow:0 4px 8px #00000014;box-shadow:var(--shadow-md);padding:20px;padding:var(--space-5);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease-in-out)}.card-base,.card-gradient{border-radius:16px;border-radius:var(--radius-lg)}.card-gradient{background:linear-gradient(135deg,#f0f2ff,#f5f3ff);box-shadow:0 4px 12px #6366f11a;padding:24px;padding:var(--space-6)}.card-clickable{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease-in-out)}.card-clickable:hover{box-shadow:0 8px 16px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-clickable:active{box-shadow:0 4px 8px #00000014;box-shadow:var(--shadow-md);transform:translateY(0)}.btn-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-indigo),var(--primary-purple));border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-size:var(--text-base);font-weight:600;gap:8px;gap:var(--space-2);justify-content:center;min-height:48px;padding:14px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease-in-out);width:100%}.btn-primary:hover{box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;border:1.5px solid #d1d5db;border:1.5px solid var(--gray-300);border-radius:12px;border-radius:var(--radius-md);color:#6366f1;color:var(--primary-indigo);cursor:pointer;font-size:16px;font-size:var(--text-base);font-weight:600;min-height:48px;padding:14px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease-in-out)}.btn-secondary:hover{background:#f9fafb;background:var(--gray-50);border-color:#6366f1;border-color:var(--primary-indigo)}.btn-text{align-items:center;background:#0000;border:none;color:#6366f1;color:var(--primary-indigo);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--text-sm);font-weight:600;gap:4px;gap:var(--space-1);padding:8px;padding:var(--space-2);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease-in-out)}.btn-text:hover{color:#8b5cf6;color:var(--primary-purple)}.list-item{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;min-height:64px;padding:16px;padding:var(--space-4);transition:background .15s cubic-bezier(.4,0,.2,1);transition:background var(--duration-fast) var(--ease-in-out)}.list-item-borderless,.list-item:hover{background:#f9fafb;background:var(--gray-50)}.list-item-borderless{border-radius:12px;border-radius:var(--radius-md);margin-bottom:8px;margin-bottom:var(--space-2);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease-in-out)}.list-item-borderless:hover{background:#f3f4f6;background:var(--gray-100)}.text-title{color:#111827;color:var(--gray-900);font-size:20px;font-size:var(--text-xl);font-weight:700;line-height:1.3}.text-subtitle{font-size:18px;font-size:var(--text-lg);font-weight:600;line-height:1.4}.text-body,.text-subtitle{color:#374151;color:var(--gray-700)}.text-body{font-size:16px;font-size:var(--text-base);font-weight:400;line-height:1.5}.text-caption{font-size:14px;font-size:var(--text-sm)}.text-caption,.text-micro{color:#6b7280;color:var(--gray-500);font-weight:400;line-height:1.5}.badge,.text-micro{font-size:12px;font-size:var(--text-xs)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-weight:600;padding:2px 8px}.badge-primary{background:#6366f11a;color:#6366f1;color:var(--primary-indigo)}.badge-success{background:#10b9811a;color:#10b981;color:var(--success)}.badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.badge-error{background:#ef44441a;color:#ef4444;color:var(--error)}.input-field{background:#fff;border:1.5px solid #d1d5db;border:1.5px solid var(--gray-300);border-radius:12px;border-radius:var(--radius-md);font-size:16px;font-size:var(--text-base);min-height:48px;padding:14px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease-in-out);width:100%}.input-field:focus{border-color:#6366f1;border-color:var(--primary-indigo);box-shadow:0 0 0 3px #6366f11a;outline:none}.input-field:disabled{background:#f9fafb;background:var(--gray-50);color:#6b7280;color:var(--gray-500);cursor:not-allowed}.input-label{color:#374151;color:var(--gray-700);display:block;font-size:14px;font-size:var(--text-sm);font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2)}.bottom-nav{background:#fff;border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);bottom:0;box-shadow:0 -2px 10px #0000000d;display:flex;justify-content:space-around;left:0;padding:8px 0;padding:var(--space-2) 0;position:fixed;right:0;z-index:50}.nav-item{align-items:center;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:56px;min-width:64px;padding:4px;padding:var(--space-1);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease-in-out)}.nav-item:hover{color:#374151;color:var(--gray-700)}.nav-item-active{color:#6366f1;color:var(--primary-indigo)}.nav-item-active:before{background:#6366f1;background:var(--primary-indigo);border-radius:0 0 2px 2px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:32px}.fab{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--primary-indigo),var(--primary-purple));border-radius:50%;bottom:80px;box-shadow:0 4px 12px #6366f14d;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease-in-out);width:56px;z-index:40}.fab:hover{box-shadow:0 6px 20px #6366f166;transform:scale(1.1)}.fab:active{transform:scale(1)}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#f9fafb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .2s cubic-bezier(.4,0,.2,1);animation:fadeIn var(--duration-base) var(--ease-in-out)}.slide-up{animation:slideUp .3s cubic-bezier(.4,0,.2,1);animation:slideUp var(--duration-slow) var(--ease-in-out)}.scale-in{animation:scaleIn .2s cubic-bezier(.4,0,.2,1);animation:scaleIn var(--duration-base) var(--ease-in-out)}.touch-target{min-height:44px;min-width:44px}.safe-area-top{padding-top:env(safe-area-inset-top,20px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,20px)}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--primary-indigo);outline-offset:2px}a:focus-visible,button:focus-visible{outline:3px solid #6366f14d;outline-offset:0}@media (max-width:375px){:root{--text-base:15px;--text-lg:17px;--text-xl:19px}}@media (min-width:768px){.max-w-mobile{margin:0 auto;max-width:448px}}
/*# sourceMappingURL=main.b8ca5ac7.css.map*/