:root{--bg: #FFF8F4;--surface: #FFFFFF;--brand-soft: #F8DDE7;--brand: #E85D92;--brand-hover: #D6457E;--text: #273142;--text-muted: #6B7280;--border: #F0E2DE;--border-light: #F7EFEA;--success-soft: #DFF5E8;--success: #10B981;--warning-soft: #FEF3C7;--warning: #F59E0B;--danger-soft: #FEE2E2;--danger: #EF4444;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-card: 0 4px 16px rgba(39, 49, 66, .06);--shadow-modal: 0 16px 36px rgba(39, 49, 66, .16);--font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:var(--bg);color:var(--text);line-height:1.5;display:flex;justify-content:center;min-height:100vh}#root{width:100%;max-width:480px;min-height:100vh;background-color:var(--bg);display:flex;flex-direction:column;position:relative;box-shadow:0 0 40px #0000000d}button{font-family:inherit;cursor:pointer;border:none;background:none;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:all .12s ease}button:active{transform:scale(.97)}input,select,textarea{font-family:inherit;border:1px solid var(--border);background-color:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:12px 16px;font-size:15px;min-height:48px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand)}.btn-primary{background-color:var(--brand);color:#fff;padding:12px 20px;border-radius:var(--radius-md);font-weight:700;font-size:15px;box-shadow:0 4px 12px #e85d9240}.btn-primary:active{background-color:var(--brand-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background-color:var(--surface);color:var(--text);border:1px solid var(--border);padding:12px 20px;border-radius:var(--radius-md);font-weight:600;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-card)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:700}.badge-success{background:var(--success-soft);color:#065f46}.badge-warning{background:var(--warning-soft);color:#92400e}.badge-danger{background:var(--danger-soft);color:#991b1b}.badge-brand{background:var(--brand-soft);color:#9d174d}.camera-box{width:100%;height:240px;background:#1e293b;border-radius:var(--radius-md);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin .9s linear infinite}button{position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:active:not(:disabled){transform:scale(.96) translateY(1px)!important;filter:brightness(.94)!important}.btn-primary,.btn-secondary{overflow:hidden}.btn-primary:after,.btn-secondary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#ffffff80,#fff0 65%);opacity:0;pointer-events:none}.btn-primary:active:after,.btn-secondary:active:after{animation:fx-ripple .45s ease-out}@keyframes fx-ripple{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(2.4)}}.fx-loading{pointer-events:none!important;opacity:.75!important}.fx-loading:before{content:"";width:15px;height:15px;flex-shrink:0;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite;display:inline-block}@keyframes fx-toast-drop{0%{opacity:0;transform:translateY(-16px) scale(.96)}60%{opacity:1;transform:translateY(3px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fx-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.fx-toast{position:fixed;top:90px;left:16px;right:16px;z-index:999;display:flex;align-items:center;gap:8px;padding:12px 16px 15px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;box-shadow:var(--shadow-modal);overflow:hidden;background-color:#273142;color:#fff;border-left:4px solid var(--brand);animation:fx-toast-drop .35s cubic-bezier(.16,1,.3,1)}.fx-toast-success{border-left-color:var(--success)}.fx-toast-danger{border-left-color:var(--danger);background-color:#3a2530}.fx-toast:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--brand);transform-origin:left;animation:fx-toast-progress 3.5s linear forwards}.fx-toast-success:after{background:var(--success)}.fx-toast-danger:after{background:var(--danger)}@keyframes fx-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}.fx-shake{animation:fx-shake .4s ease}@keyframes fx-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:1}}.fx-pop{animation:fx-pop .35s cubic-bezier(.16,1,.3,1);display:inline-flex}@keyframes fx-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.fx-fade-up{animation:fx-fade-up .45s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--fx-delay, 0ms)}@keyframes fx-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.fx-skeleton{background:linear-gradient(90deg,#f3e9e4 25%,#fbf4f0,#f3e9e4 75%);background-size:800px 100%;animation:fx-shimmer 1.2s linear infinite;border-radius:var(--radius-sm);min-height:14px}@keyframes fx-blink{0%,to{opacity:1}50%{opacity:.35}}.fx-pulse-dot{animation:fx-blink 1.4s ease-in-out infinite}