:root{--color-primary:#667eea;--color-primary-dark:#764ba2;--color-secondary:#f093fb;--color-secondary-dark:#f5576c;--color-accent:#4facfe;--color-accent-dark:#00f2fe;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-accent:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-warm:linear-gradient(135deg,#fa709a,#fee140);--gradient-cool:linear-gradient(135deg,#30cfd0,#330867);--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-shadow:0 8px 32px 0 #1f268726;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace}body{background:#f8fafc;background:var(--color-gray-50);color:#1e293b;color:var(--color-gray-800);font-family:var(--font-sans)}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 #1f268726;box-shadow:var(--glass-shadow)}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.btn{align-items:center;border:none;border-radius:20px;border-radius:var(--radius-xl);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary);box-shadow:0 4px 15px #f093fb66;color:#fff}.btn-secondary:hover{box-shadow:0 6px 20px #f093fb99;transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-accent);box-shadow:0 4px 15px #4facfe66;color:#fff}.btn-accent:hover{box-shadow:0 6px 20px #4facfe99;transform:translateY(-2px)}.card{background:#fff;border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--spacing-xl);transition:all .3s ease}.card:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.text-center{text-align:center}.flex-center{align-items:center;display:flex;justify-content:center}.flex-column{display:flex;flex-direction:column}.gap-sm{gap:.5rem;gap:var(--spacing-sm)}.gap-md{gap:1rem;gap:var(--spacing-md)}.gap-lg{gap:1.5rem;gap:var(--spacing-lg)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-slide-down{animation:slideDown .4s ease-out}.animate-scale{animation:scale .3s ease-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9;background:var(--color-gray-100)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary)}@media (max-width:768px){html{font-size:14px}}@media (min-width:1024px){html{font-size:16px}}:root{--tg-theme-bg-color:#fff;--tg-theme-text-color:#000;--tg-theme-hint-color:#aaa;--tg-theme-link-color:#007aff;--tg-theme-button-color:#007aff;--tg-theme-button-text-color:#fff;--tg-theme-secondary-bg-color:#f0f0f0}body{background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{width:100%}#root,.app{min-height:100vh}.pregnancy-view{background:linear-gradient(135deg,#a78bfa,#8b5cf6);margin:0;padding:0 0 80px}.pregnancy-content-wrapper,.pregnancy-view{min-height:calc(100vh - 80px);position:relative;width:100%}.pregnancy-content-wrapper{background:#fff;border-radius:32px 32px 0 0;margin:-20px 0 -80px;overflow:hidden;padding-bottom:0;z-index:2}.pregnancy-hero{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;padding:32px 0;text-align:center}.pregnancy-hero svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));margin-bottom:12px}.pregnancy-hero h1{font-size:28px;font-weight:700;margin:8px 0}.pregnancy-hero p{font-size:16px;margin:0;opacity:.95}.pregnancy-tabs{grid-gap:4px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 6px 18px #00000014;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);margin:12px 16px;overflow:hidden;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.pregnancy-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #8b5cf633;border-radius:16px;box-shadow:0 4px 12px #8b5cf614,inset 0 1px 0 #fff6;color:#64748b;cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:4px;padding:12px 8px;transition:all .3s ease}.pregnancy-tab:hover{background:#ffffffe6;border-color:#8b5cf64d;box-shadow:0 8px 24px #8b5cf626,inset 0 1px 0 #ffffff80;transform:translateY(-4px) scale(1.02)}.pregnancy-tab.active,.pregnancy-tab:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.pregnancy-tab.active{background:linear-gradient(135deg,#8b5cf626,#a855f71f 50%,#8b5cf61a);border-color:#8b5cf666;box-shadow:0 12px 32px #8b5cf633,0 4px 16px #8b5cf61a,inset 0 1px 0 #fff9;color:#7c3aed;font-weight:700}.pregnancy-tab svg{flex-shrink:0;height:20px;margin-bottom:2px;width:20px}.pregnancy-tab.active svg{color:#7c3aed}.pregnancy-content{margin:0;padding:16px 0;width:100%}.pregnancy-calendar{animation:fadeIn .3s ease}.calendar-header{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;justify-content:space-between;margin:16px;padding:20px 16px}.calendar-header,.week-header{align-items:center;display:flex}.week-header{gap:12px}.calendar-week-info h3{color:#8b5cf6;font-size:24px;font-weight:700;margin:0 0 8px}.edit-week-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #8b5cf633;border-radius:12px;box-shadow:0 2px 8px #8b5cf61a,inset 0 1px 0 #ffffff4d;color:#7c3aed;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.edit-week-btn:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#8b5cf614;border-color:#8b5cf64d;box-shadow:0 4px 16px #8b5cf626,inset 0 1px 0 #fff6;transform:translateY(-1px) scale(1.05)}.edit-week-btn:active{transform:scale(.95)}.trimester-badge{background:linear-gradient(135deg,#c4b5fd,#a78bfa);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin:0;padding:4px 12px}.calendar-progress{text-align:center}.progress-circle{align-items:center;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-radius:50%;box-shadow:0 4px 12px #8b5cf64d;display:flex;height:64px;justify-content:center;margin:0 auto 8px;width:64px}.progress-circle span{color:#fff;font-size:18px;font-weight:700}.calendar-progress p{color:#666;font-size:14px;margin:0}.calendar-section{margin-bottom:16px;padding:0 16px}.calendar-section:last-child{margin-bottom:0}.calendar-section h4{color:#333;font-size:18px;font-weight:600;margin:0 0 12px}.calendar-events{display:flex;flex-direction:column;gap:10px;padding:0 16px}.calendar-event{background:#fff;border-left:4px solid #a78bfa;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease}.calendar-event:hover{box-shadow:0 4px 16px #0000001f;transform:translateX(4px)}.calendar-event.screening{border-left-color:#8b5cf6}.calendar-event.analysis{border-left-color:#a855f7}.calendar-event.visit{border-left-color:#c084fc}.calendar-event.completed{background:#f8f9ff;opacity:.6}.event-checkbox{flex-shrink:0;padding-top:4px}.event-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:24px;width:24px}.event-content{flex:1 1}.event-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:8px}.event-week{color:#8b5cf6;font-size:14px;font-weight:600}.event-type-badge{border:1px solid #fff3;border-radius:16px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.event-type-badge.screening{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f133}.event-type-badge.analysis{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d433}.event-type-badge.visit{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf633}.event-content h5{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.event-content p{color:#666;font-size:14px;line-height:1.5;margin:0}.empty-state{background:#fff;border-radius:12px;margin:0 16px;padding:48px 16px}.empty-state p{color:#666;font-size:16px;margin:0}.pregnancy-checklists{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:16px;padding:16px}.checklist-trimester{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:20px;transition:all .3s ease}.checklist-trimester.active{border-color:#8b5cf6;box-shadow:0 4px 20px #8b5cf633}.checklist-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.checklist-header h3{color:#8b5cf6;font-size:22px;font-weight:700;margin:0 0 4px}.checklist-weeks{color:#666;font-size:14px;margin:0}.checklist-progress{min-width:120px;text-align:right}.progress-bar{background:#e0e0e0;border-radius:8px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#a78bfa,#8b5cf6);border-radius:8px;height:100%;transition:width .3s ease}.progress-text{color:#8b5cf6;font-size:14px;font-weight:600}.checklist-items{display:flex;flex-direction:column;gap:12px}.checklist-item{background:#f8f9ff;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.checklist-item:hover{background:#f0f2ff;transform:translateX(4px)}.checklist-item.completed{background:#f0f0f0;opacity:.6}.checklist-item.completed .item-content h5{color:#999;text-decoration:line-through}.item-checkbox{flex-shrink:0;padding-top:2px}.item-checkbox input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;height:20px;width:20px}.item-content{flex:1 1}.item-content h5{color:#333;font-size:15px;font-weight:600;margin:0 0 4px}.item-content p{color:#666;font-size:13px;margin:0}.pregnancy-hospital{animation:fadeIn .3s ease;padding:16px}.hospital-header{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:16px;padding:20px 16px;text-align:center}.hospital-header h3{color:#8b5cf6;font-size:24px;font-weight:700;margin:0 0 8px}.hospital-header p{color:#666;font-size:14px;margin:0}.hospital-list{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:16px;padding:20px}.list-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.list-header h4{color:#333;font-size:20px;font-weight:700;margin:0}.list-progress{align-items:center;display:flex;gap:12px;min-width:150px}.list-progress span{color:#8b5cf6;font-size:14px;font-weight:600;white-space:nowrap}.list-progress .progress-bar{flex:1 1;margin:0}.list-items{display:flex;flex-direction:column;gap:10px}.list-item{align-items:center;background:#f8f9ff;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.list-item:hover{background:#f0f2ff;transform:translateX(4px)}.list-item.completed{background:#f0f0f0;opacity:.6}.list-item input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;height:20px;width:20px}.list-item label{color:#333;cursor:pointer;flex:1 1;font-size:15px;line-height:1.4}.list-item.completed label{color:#999;text-decoration:line-through}.pregnancy-shopping{animation:fadeIn .3s ease;padding:16px}.shopping-header{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:16px;padding:20px}.shopping-header h3{color:#8b5cf6;font-size:24px;font-weight:700;margin:0 0 16px}.shopping-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #8b5cf633;border-radius:20px;box-shadow:0 2px 8px #8b5cf614,inset 0 1px 0 #ffffff4d;color:#64748b;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.filter-btn:hover{background:#ffffffe6;border-color:#8b5cf64d;box-shadow:0 6px 20px #8b5cf61f,inset 0 1px 0 #fff6;transform:translateY(-3px) scale(1.02)}.filter-btn.active,.filter-btn:hover{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.filter-btn.active{background:linear-gradient(135deg,#8b5cf626,#a855f71f 50%,#8b5cf61a);border-color:#8b5cf666;box-shadow:0 8px 24px #8b5cf62e,0 4px 12px #8b5cf61f,inset 0 1px 0 #ffffff80;color:#7c3aed;font-weight:700}.shopping-progress{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.progress-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:20px;text-align:center}.progress-card span{color:#666;display:block;font-size:14px;margin-bottom:8px}.progress-card strong{color:#8b5cf6;font-size:24px;font-weight:700}.shopping-categories{display:flex;flex-direction:column;gap:16px}.shopping-category{background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:20px}.shopping-category h4{border-bottom:2px solid #f0f0f0;color:#333;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:12px}.shopping-items{display:flex;flex-direction:column;gap:10px}.shopping-item{align-items:center;background:#f8f9ff;border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.shopping-item:hover{background:#f0f2ff;transform:translateX(4px)}.shopping-item.completed{background:#f0f0f0;opacity:.6}.shopping-item input[type=checkbox]{accent-color:#8b5cf6;cursor:pointer;flex-shrink:0;height:20px;width:20px}.shopping-item label{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;justify-content:space-between}.item-title{color:#333;font-size:15px;line-height:1.4}.shopping-item.completed .item-title{color:#999;text-decoration:line-through}.item-level{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;white-space:nowrap}.item-level.minimum{background:linear-gradient(135deg,#90ee90,#32cd32);color:#fff}.item-level.comfort{background:linear-gradient(135deg,gold,orange);color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:32px 24px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content h2{color:#333;font-size:24px;font-weight:700;margin:0 0 8px;text-align:center}.modal-subtitle{color:#666;font-size:14px;margin:0 0 24px;text-align:center}.week-input{border:2px solid #e0e0e0;border-radius:12px;box-sizing:border-box;font-size:18px;padding:16px;text-align:center;transition:all .3s ease;width:100%}.week-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a;outline:none}.week-input::placeholder{color:#aaa}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease}.modal-btn.primary{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.modal-btn.primary:hover{box-shadow:0 6px 16px #8b5cf666;transform:translateY(-2px)}.modal-btn.primary:active{transform:translateY(0)}.modal-btn.secondary{background:#f0f0f0;color:#666}.modal-btn.secondary:hover{background:#e0e0e0}@media (max-width:480px){.pregnancy-tabs{grid-template-columns:repeat(2,1fr)}.pregnancy-tab span{font-size:12px}.calendar-header{gap:16px;text-align:center}.calendar-header,.shopping-filters{flex-direction:column}.filter-btn{width:100%}.modal-content{padding:24px 20px}.modal-actions{flex-direction:column}}.onboarding-container{height:100vh;overflow:hidden;position:relative;width:100%}.onboarding-slide{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;position:relative;width:100%}.skip-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1.25rem;position:absolute;right:2rem;top:2rem;transition:all .3s ease;z-index:10}.skip-button:hover{background:#ffffff4d}.onboarding-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50%;box-shadow:0 20px 60px #0003;display:flex;justify-content:center;margin-bottom:3rem;padding:2.5rem}.onboarding-content{margin-bottom:3rem;max-width:400px;text-align:center}.onboarding-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px #0000001a}.onboarding-description{font-size:1.1rem;font-weight:400;line-height:1.6;opacity:.95;text-shadow:0 1px 5px #0000001a}.pagination-dots{display:flex;gap:.75rem;margin-bottom:2rem}.dot{background:#fff6;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.dot.active{background:#fff;border-radius:5px;width:30px}.next-button{align-items:center;background:#fff;border:none;border-radius:30px;box-shadow:0 10px 40px #0003;color:#667eea;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2.5rem;transition:all .3s ease}.next-button:hover{box-shadow:0 15px 50px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.onboarding-slide{padding:1.5rem}.onboarding-icon{margin-bottom:2rem;padding:2rem}.onboarding-icon svg{height:60px;width:60px}.onboarding-title{font-size:1.75rem}.onboarding-description{font-size:1rem}.skip-button{font-size:.85rem;padding:.4rem 1rem;right:1rem;top:1rem}.next-button{font-size:1rem;padding:.875rem 2rem}}:root{--gradient-purple:linear-gradient(135deg,#8b7fd8,#b8aee8);--gradient-blue:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-orange:linear-gradient(135deg,#fa709a,#fee140);--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000026;--radius-md:16px;--radius-lg:20px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:#0000 #0000;scrollbar-width:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}::-webkit-scrollbar{background:#0000;height:0;width:0}.app-container{min-height:100vh;padding-bottom:calc(64px + env(safe-area-inset-bottom, 16px))}.main-content{height:calc(100vh - 64px - env(safe-area-inset-bottom, 16px));overflow-x:hidden;overflow-y:auto;padding:0}.main-content>:not(.role-main-modern):not(.settings-view-modern):not(.history-view-modern):not(.ai-chat-screen):not(.pregnancy-view){padding:1rem}.modal-overlay{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;bottom:0;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-overlay,.welcome-screen{align-items:center;display:flex;justify-content:center}.welcome-screen{background:linear-gradient(180deg,#f0f4ff,#e0e7ff);flex-direction:column;min-height:100vh;padding:2rem;text-align:center}.welcome-screen h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.welcome-screen p{color:#64748b;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.role-button-modern{background:#fff;border:3px solid #0000;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease;width:100%}.role-button-modern:before{border-radius:24px 24px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.role-button-modern.parent:before{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple)}.role-button-modern.doctor:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue)}.role-button-modern.organizer:before{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange)}.role-button-emoji{font-size:4rem;margin-bottom:1rem}.role-button-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.role-button-description{color:#64748b;font-size:1rem;line-height:1.5}.role-main{min-height:calc(100vh - 120px);padding:2rem 1rem}.role-header{margin-bottom:2rem;text-align:center}.role-header h1{font-size:2rem;margin-bottom:.5rem}.role-header p{color:#64748b;font-size:1.1rem}.home-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.home-stat-card{align-items:center;background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.home-stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.home-stat-card.purple:before{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple)}.home-stat-card.pink:before{background:var(--gradient-pink)}.home-stat-card.blue:before{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue)}.home-stat-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.home-stat-icon{flex-shrink:0;font-size:2rem}.home-stat-content{flex:1 1}.home-stat-value{font-size:1.75rem;font-weight:800;margin-bottom:.25rem}.home-stat-card.purple .home-stat-value{color:#667eea}.home-stat-card.pink .home-stat-value{color:#f5576c}.home-stat-card.blue .home-stat-value{color:#4facfe}.home-stat-label{color:#64748b;font-size:.85rem;font-weight:500}.home-tips-card{background:linear-gradient(135deg,#f8f9fe,#f1f5f9);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.home-tips-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.home-tips-icon{font-size:1.5rem}.home-tips-header h3{color:#1e293b;font-size:1.1rem;font-weight:700}.home-tips-list{list-style:none;margin:0;padding:0}.home-tips-list li{color:#475569;font-size:.95rem;line-height:1.8;padding-left:0;position:relative}.home-tips-list li:not(:last-child){margin-bottom:.5rem}.home-alert-card{align-items:center;background:#fff;border-left:4px solid;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.home-alert-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.home-alert-card.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left-color:#10b981}.home-alert-icon{flex-shrink:0;font-size:1.75rem}.home-alert-content{flex:1 1}.home-alert-content h4{color:#1e293b;font-size:1rem;font-weight:700;margin-bottom:.25rem}.home-alert-content p{color:#64748b;font-size:.9rem}.action-cards{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:500px}.action-card{align-items:center;background:#fff;border:none;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);cursor:pointer;display:flex;gap:1.5rem;padding:1.5rem;text-align:left;transition:all .3s ease}.action-card:hover{box-shadow:0 8px 32px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-icon{align-items:center;border-radius:16px;color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.action-card.purple .action-icon{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple)}.action-card.pink .action-icon{background:var(--gradient-pink)}.action-card.blue .action-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue)}.action-content h3{color:#1e293b;font-size:1.2rem;margin-bottom:.25rem}.action-content p{color:#64748b;font-size:.9rem}.role-screen{min-height:calc(100vh - 120px);padding:1rem}.screen-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem 0}.screen-header .back-button{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#667eea;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.screen-header .back-button:hover{background:#f8f9fe;box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateX(-2px)}.screen-header h2{color:#1e293b;font-size:1.5rem}.qr-container{margin:2rem auto;max-width:400px;text-align:center}.qr-container.success{margin-top:3rem}.success-badge{align-items:center;background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border-radius:50%;box-shadow:0 4px 20px #667eea66;display:flex;height:64px;justify-content:center;margin:0 auto 1rem;width:64px}.qr-container h2{color:#1e293b;margin-bottom:2rem}.qr-wrapper{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;box-shadow:var(--shadow-lg);display:inline-block;margin:0 auto 1.5rem;padding:2rem}.qr-hint{color:#64748b;font-size:1.1rem;line-height:1.6}.gender-selection{margin:2rem auto;max-width:500px;text-align:center}.gender-prompt{color:#64748b;font-size:1.2rem;margin-bottom:3rem}.gender-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.gender-button{align-items:center;background:#fff;border:3px solid #0000;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem;transition:all .3s ease}.gender-button.boy{border-color:#60a5fa}.gender-button.girl{border-color:#f472b6}.gender-button.boy:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.gender-button.boy:hover,.gender-button.girl:hover{box-shadow:0 8px 32px #00000026;box-shadow:var(--shadow-lg)}.gender-button.girl:hover{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.gender-button svg{color:inherit}.gender-button.boy svg{color:#60a5fa}.gender-button.girl svg{color:#f472b6}.gender-button span{color:#1e293b;font-size:1.2rem;font-weight:600}.reveal-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 120px);padding:2rem;text-align:center}.reveal-icon{animation:bounceIn .6s ease;font-size:8rem;margin-bottom:2rem}.reveal-title{font-size:2.5rem;font-weight:800;margin-bottom:2rem}.reveal-title.boy{color:#60a5fa}.reveal-title.girl{color:#f472b6}.reveal-button{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border:none;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #667eea66;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1rem 3rem;transition:all .3s ease}.reveal-button:hover{box-shadow:0 6px 28px #667eea80;transform:translateY(-2px)}.bottom-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #0000000d;bottom:0;box-shadow:0 -4px 24px #00000014;display:flex;justify-content:space-around;left:0;padding:.75rem 0;position:fixed;right:0;z-index:100}.nav-item{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;gap:.25rem;padding:.5rem;transition:all .3s ease}.nav-item.active{color:#667eea;font-weight:600}.nav-item svg{transition:transform .3s ease}.nav-item.active svg{transform:scale(1.1)}.history-view{margin:0 auto;max-width:600px;padding:1rem}.history-header{margin-bottom:2rem}.history-header h1{font-size:2rem;margin-bottom:.5rem}.history-header p{color:#64748b}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1.5rem}.history-icon{align-items:center;background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.history-content h3{font-size:1.1rem;margin-bottom:.25rem}.history-content p{color:#64748b;font-size:.9rem;margin-bottom:.5rem}.history-status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.history-status.completed{background:#d1fae5;color:#065f46}.history-status.active{background:#dbeafe;color:#1e40af}.history-status.pending{background:#fef3c7;color:#92400e}.empty-state{color:#94a3b8;padding:4rem 2rem;text-align:center}.empty-state p{font-size:1.1rem;margin-top:1rem}.qr-modal-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.qr-modal-modern{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:400px;overflow-y:auto;padding:2rem;position:relative;width:100%}.qr-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:10}.qr-modal-close:hover{background:#e2e8f0;color:#1e293b;transform:scale(1.1)}.qr-modal-header{margin-bottom:2rem;text-align:center}.qr-modal-emoji{font-size:4rem;margin-bottom:1rem}.qr-modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.qr-modal-header p{color:#64748b;font-size:.95rem}.qr-modal-code{background:linear-gradient(135deg,#fff,#f8f9fe);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000014,0 0 0 1px #667eea1a,inset 0 1px 0 #ffffffe6;display:flex;justify-content:center;margin-bottom:1.5rem;overflow:hidden;padding:2rem;position:relative}.qr-modal-code:before{background:linear-gradient(45deg,#667eea0d,#0000 50%,#764ba20d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.qr-modal-code svg{border-radius:8px;position:relative;z-index:1}.qr-modal-loading{padding:3rem 2rem;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#667eea;height:48px;margin:0 auto 1rem;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.qr-modal-error{color:#dc2626;padding:2rem;text-align:center}.qr-modal-info{background:#f8fafc;border-radius:16px;border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem 1.5rem}.qr-modal-label{color:#64748b;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.qr-modal-value{color:#1e293b;font-size:1.1rem;font-weight:600}.qr-modal-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.qr-action-button{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.qr-action-button.primary{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);box-shadow:0 4px 12px #667eea4d;color:#fff}.qr-action-button.primary:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.qr-action-button.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.qr-action-button.secondary:hover{background:#f8f9fe;transform:translateY(-2px)}.qr-action-button:active{transform:translateY(0)}.settings-view{margin:0 auto;max-width:600px;padding:1rem 1rem 2rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:#1e293b;font-size:2rem;font-weight:800}.settings-section-modern{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;padding:1.5rem}.settings-section-title{color:#64748b;font-size:.85rem;margin-bottom:1.25rem}.settings-user-card{align-items:center;background:linear-gradient(135deg,#f8f9fe,#f1f5f9);border-radius:20px;border-radius:var(--radius-lg);display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.settings-user-avatar{align-items:center;background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;width:64px}.settings-user-avatar img{height:100%;object-fit:cover;width:100%}.settings-user-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;width:100%}.settings-user-info h4{color:#1e293b;font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.settings-user-info p{color:#64748b;font-size:.9rem}.settings-info-row{margin-bottom:1.5rem}.settings-info-item{align-items:center;background:#f8f9fe;border-radius:16px;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem}.settings-info-icon{font-size:1.5rem;line-height:1}.settings-info-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.settings-info-label{color:#64748b;font-size:.85rem;font-weight:500}.settings-info-value{color:#1e293b;font-size:1rem;font-weight:600}.settings-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.settings-stat-card{background:linear-gradient(135deg,#f8f9fe,#f1f5f9);border-radius:20px;border-radius:var(--radius-lg);padding:1.25rem;text-align:center;transition:all .3s ease}.settings-stat-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.settings-stat-icon{font-size:2rem;margin-bottom:.5rem}.settings-stat-value{color:#667eea}.settings-stat-label{font-size:.85rem}.settings-list-modern{display:flex;flex-direction:column;gap:.5rem}.settings-item-modern{align-items:center;background:#0000;border:none;border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:1rem;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.settings-item-modern:hover{background:#f8f9fe}.settings-item-modern:active{transform:scale(.98)}.settings-item-icon{background:#f1f5f9;border-radius:16px;border-radius:var(--radius-md);font-size:1.25rem;height:40px;width:40px}.settings-item-icon.primary{background:linear-gradient(135deg,#667eea,#764ba2)}.settings-item-icon.warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.settings-item-subtitle{font-size:.85rem}.settings-item-arrow{font-size:1.5rem;font-weight:300}.settings-footer p{font-size:.9rem;margin:.5rem 0}.settings-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.settings-modal{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2rem;width:100%}.settings-modal h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.settings-modal p{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem}.settings-modal-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.settings-modal-btn{border:none;border-radius:16px;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.settings-modal-btn.cancel{background:#f1f5f9;color:#64748b}.settings-modal-btn.cancel:hover{background:#e2e8f0}.settings-modal-btn.danger{background:var(--gradient-pink);box-shadow:0 4px 12px #f093fb4d;color:#fff}.settings-modal-btn.danger:hover{box-shadow:0 6px 20px #f093fb66;transform:translateY(-2px)}.support-view{margin:0 auto;max-width:600px;padding:1rem}.support-header{margin-bottom:2rem}.support-header h1{font-size:2rem}.support-content{display:flex;flex-direction:column;gap:1rem}.support-section{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem}.support-section h3{font-size:1.2rem;margin-bottom:.75rem}.support-section p{color:#64748b;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease}.features-section{margin-bottom:2rem;margin-top:2rem}.features-title{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding:0 .5rem}.features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.feature-card{align-items:center;background:#fff;border:none;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;min-height:130px;overflow:hidden;padding:1.25rem 1rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.feature-card.purple:before{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple)}.feature-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#f8f9fe,#f1f5f9);border-radius:12px;color:#667eea;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.feature-title{color:#1e293b;font-size:.95rem;font-weight:600}.feature-description,.feature-title{align-items:center;display:flex;justify-content:center;line-height:1.3;margin:0;min-height:2.6em;width:100%}.feature-description{color:#64748b;font-size:.8rem}.ai-chat-screen{background-color:#f8fafc;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2748%27 height=%2748%27 viewBox=%270 0 48 48%27>n  <circle cx=%2712%27 cy=%2712%27 r=%276%27 fill=%27%23bae6fd%27 fill-opacity=%270.35%27/>n  <rect x=%2711%27 y=%2718%27 width=%272%27 height=%2710%27 rx=%271%27 fill=%27%23bae6fd%27 fill-opacity=%270.28%27/>n  <circle cx=%2712%27 cy=%2732%27 r=%275%27 fill=%27%23fde68a%27 fill-opacity=%270.35%27/>n</svg>");background-repeat:repeat;background-size:48px 48px;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;margin:0!important;max-width:100vw;overflow:hidden;padding:0!important;position:fixed;right:0;top:0;width:100vw;z-index:1000}.ai-chat-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #0000001a;flex-shrink:0;gap:.75rem;padding:max(.75rem,env(safe-area-inset-top)) 1rem .75rem;width:100%;z-index:10}.ai-chat-header,.chat-back-btn{align-items:center;color:#fff;display:flex}.chat-back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chat-back-btn:hover{background:#ffffff40;transform:scale(1.05)}.chat-header-info{align-items:center;display:flex;flex:1 1;gap:.75rem}.chat-avatar{height:42px;position:relative;width:42px}.chat-avatar-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;font-size:1.5rem;height:42px;justify-content:center;width:42px}.chat-avatar-status{border:2px solid #667eea;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.chat-avatar-status.online{background:#10b981}.chat-header-text{flex:1 1}.chat-header-title{font-size:1rem;font-weight:600;line-height:1.3;margin:0}.chat-header-subtitle{font-size:.75rem;line-height:1.2;margin:0;opacity:.9}.ai-chat-messages-wrapper{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}.ai-chat-messages{display:flex;flex-direction:column;gap:.375rem;min-height:100%;padding:.75rem 0 2rem;width:100%}.chat-date-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000014;border-radius:var(--radius-full);color:#64748b;display:inline-block;font-size:.75rem;font-weight:500;margin:.5rem auto .75rem;padding:.375rem .875rem;text-align:center}.chat-message-row{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:.25rem;padding:0 1rem}.chat-message-row.user{flex-direction:row-reverse}.chat-message-row.ai{flex-direction:row}.message-avatar{flex-shrink:0;height:32px;margin-bottom:.25rem;width:32px}.message-avatar-icon{background:#fff;box-shadow:0 2px 6px #0000001a;font-size:1.25rem;height:32px;width:32px}.chat-message-row.user .message-avatar,.message-avatar-icon{align-items:center;border-radius:50%;display:flex;justify-content:center}.chat-message-row.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-bubble{word-wrap:break-word;border-radius:18px;box-shadow:0 1px 2px #0000001a;max-width:70%;padding:.75rem 1rem;position:relative}.chat-bubble.user{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.chat-bubble.ai{background:#fff;border-bottom-left-radius:4px;color:#1e293b}.chat-bubble.ai.typing{padding:.75rem 1.25rem}.chat-bubble-text{font-size:.9375rem;line-height:1.5;margin:0;white-space:pre-wrap}.chat-bubble-time{display:block;font-size:.6875rem;margin-top:.375rem;opacity:.7}.typing-indicator{align-items:center;display:flex;gap:.375rem}.typing-indicator span{animation:typing-bounce 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.chat-quick-questions{margin-top:.5rem;padding:.5rem 1rem .75rem}.quick-questions-label{color:#64748b;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.quick-questions-list{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr}@media (min-width:480px){.quick-questions-list{grid-template-columns:1fr 1fr}}.quick-question-chip{background:#fff;border:none;border-radius:10px;box-shadow:0 1px 3px #0000001a;color:#475569;cursor:pointer;font-size:.8125rem;line-height:1.3;padding:.625rem .75rem;text-align:left;transition:all .2s ease}.quick-question-chip:hover{background:#f8f9fe;box-shadow:0 2px 8px #667eea26;transform:translateY(-1px)}.quick-question-chip:active{transform:scale(.98)}.ai-chat-input-wrapper{background:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -2px 10px #0000000d;flex-shrink:0;padding:.75rem 1rem max(.75rem,env(safe-area-inset-bottom));width:100%}.ai-chat-input-container{align-items:center;background:#f1f5f9;border-radius:24px;display:flex;gap:.75rem;padding:.375rem .375rem .375rem 1rem}.chat-input-field{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:.9375rem;outline:none;padding:.5rem 0}.chat-input-field::placeholder{color:#94a3b8}.chat-send-button{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.chat-send-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.chat-send-button:disabled{cursor:not-allowed}.chat-send-button.active:hover{box-shadow:0 4px 12px #667eea66;transform:scale(1.05)}@media (max-width:768px){.ai-chat-header{padding:.625rem 1rem}.chat-header-title{font-size:.9375rem}.chat-header-subtitle{font-size:.6875rem}.chat-bubble{max-width:80%}}.tips-container{padding:1rem}.tips-categories{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.tips-category-btn{background:#fff;border:none;border-radius:var(--radius-full);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#64748b;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.tips-category-btn.active{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);box-shadow:0 4px 12px #667eea4d;color:#fff}.tips-list{flex-direction:column}.tip-card,.tips-list{display:flex;gap:1rem}.tip-card{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem}.tip-icon{flex-shrink:0;font-size:2.5rem}.tip-content{flex:1 1}.tip-title{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.tip-text{color:#64748b;font-size:.95rem;line-height:1.6;margin:0}.vaccine-container{padding:1rem}.vaccine-stats{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;border-radius:var(--radius-xl);color:#fff;margin-bottom:1.5rem;padding:1.5rem}.vaccine-stat-card{margin-bottom:1rem;text-align:center}.vaccine-stat-value{font-size:2.5rem;font-weight:800;margin-bottom:.25rem}.vaccine-stat-label{font-size:1rem;opacity:.9}.vaccine-progress{margin-top:1rem}.vaccine-progress-bar{background:#ffffff4d;border-radius:var(--radius-full);height:8px;overflow:hidden}.vaccine-progress-fill{background:#fff;border-radius:var(--radius-full);height:100%;transition:width .3s ease}.vaccine-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.vaccine-item{align-items:center;background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.vaccine-item.done{background:#f0fdf4;border-left:4px solid #10b981}.vaccine-checkbox{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.vaccine-item.done .vaccine-checkbox{background:#10b981;border-color:#10b981;color:#fff}.vaccine-info{flex:1 1}.vaccine-name{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.vaccine-age{color:#64748b;font-size:.85rem;margin:0}.vaccine-edit-btn{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.vaccine-edit-btn:hover{background:#e2e8f0}.vaccine-add-btn{align-items:center;background:#fff;border:2px dashed #cbd5e1;border-radius:20px;border-radius:var(--radius-lg);color:#667eea;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.vaccine-add-btn:hover{background:#f8f9fe;border-color:#667eea}.analysis-container{padding:1rem}.analysis-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.analysis-stat-card{align-items:center;background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);display:flex;flex:1 1;gap:1rem;padding:1.25rem}.analysis-stat-icon{font-size:2rem}.analysis-stat-content{flex:1 1}.analysis-stat-value{color:#667eea;font-size:1.75rem;font-weight:800;margin-bottom:.25rem}.analysis-stat-label{color:#64748b;font-size:.85rem}.analysis-ai-btn{align-items:center;background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border:none;border-radius:20px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:1rem 1.25rem;transition:all .3s ease;white-space:nowrap}.analysis-ai-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.analysis-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.analysis-empty{color:#94a3b8;padding:4rem 2rem;text-align:center}.analysis-empty p{font-size:1.1rem;margin:1rem 0 .5rem}.analysis-empty-hint{color:#cbd5e1;font-size:.9rem}.analysis-card{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);padding:1.5rem}.analysis-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.analysis-type{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.analysis-date{color:#64748b;font-size:.85rem;margin:0}.analysis-delete-btn{align-items:center;background:#fef3c7;border:none;border-radius:8px;color:#f59e0b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.analysis-delete-btn:hover{background:#fde68a}.analysis-parameters{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.analysis-parameter{align-items:center;background:#f8f9fe;border-radius:16px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem}.parameter-name{color:#1e293b;flex:1 1;font-size:.9rem;font-weight:600}.parameter-value{color:#667eea;font-size:.95rem;font-weight:700;margin:0 1rem}.parameter-normal{color:#64748b;font-size:.8rem}.analysis-notes{background:#f0fdf4;border-radius:16px;border-radius:var(--radius-md);color:#475569;font-size:.9rem;line-height:1.5;padding:1rem}.analysis-notes strong{color:#1e293b}.analysis-add-btn{align-items:center;background:#fff;border:2px dashed #cbd5e1;border-radius:20px;border-radius:var(--radius-lg);color:#667eea;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.analysis-add-btn:hover{background:#f8f9fe;border-color:#667eea}.analysis-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.analysis-modal{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2rem;position:relative;width:100%}.analysis-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px}.analysis-modal-close:hover{background:#e2e8f0;color:#1e293b}.analysis-modal-icon{font-size:4rem;margin-bottom:1rem;text-align:center}.analysis-modal h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.analysis-ai-result{background:#f8f9fe;border-radius:20px;border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.analysis-ai-result p{color:#475569;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.analysis-ai-result ul{list-style:none;margin:0 0 1rem;padding:0}.analysis-ai-result li{color:#475569;font-size:.9rem;line-height:1.5;padding:.5rem 0}.analysis-disclaimer{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:16px;border-radius:var(--radius-md);color:#f59e0b!important;font-size:.85rem!important;padding:1rem}.analysis-modal-btn{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border:none;border-radius:20px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.analysis-modal-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.marketplace-container{padding:1rem 0}.marketplace-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.marketplace-filter-btn{background:#fff;border:2px solid #e2e8f0;border-radius:20px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.marketplace-filter-btn:hover{border-color:#667eea;color:#667eea}.marketplace-filter-btn.active{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border-color:#667eea;color:#fff}.marketplace-list{display:flex;flex-direction:column;gap:1rem}.marketplace-card{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);cursor:pointer;padding:1.5rem;transition:all .3s ease}.marketplace-card:hover{box-shadow:0 8px 32px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.marketplace-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.marketplace-avatar{align-items:center;background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;height:64px;justify-content:center;width:64px}.marketplace-info{flex:1 1}.marketplace-info h4{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.marketplace-rating{align-items:center;display:flex;gap:.25rem;margin-bottom:.25rem}.marketplace-rating span{color:#1e293b;font-size:.875rem;font-weight:600}.marketplace-reviews{color:#94a3b8!important;font-weight:400!important}.marketplace-location{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.25rem}.marketplace-price{color:#667eea;font-size:1rem;font-weight:700;text-align:right}.marketplace-description{color:#475569;font-size:.9375rem;line-height:1.6;margin:0 0 1rem}.marketplace-portfolio-count{color:#667eea;font-size:.875rem;font-weight:600}.marketplace-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.marketplace-modal{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:100%}.marketplace-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:1}.marketplace-modal-close:hover{background:#e2e8f0;color:#1e293b}.marketplace-modal-header{margin-bottom:2rem;text-align:center}.marketplace-modal-avatar{align-items:center;background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border-radius:50%;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.marketplace-modal-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.marketplace-modal-rating{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.marketplace-modal-rating span{color:#1e293b;font-size:1rem;font-weight:600}.marketplace-modal-location{align-items:center;color:#64748b;display:flex;font-size:.9375rem;gap:.5rem;justify-content:center}.marketplace-modal-content,.marketplace-modal-section{margin-bottom:1.5rem}.marketplace-modal-section h4{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 .75rem}.marketplace-modal-section p{color:#475569;font-size:.9375rem;line-height:1.6;margin:0}.marketplace-portfolio-list{display:flex;flex-direction:column;gap:.75rem}.marketplace-portfolio-item{background:#f8f9fe;border-radius:16px;border-radius:var(--radius-md);display:flex;gap:1rem;padding:1rem}.marketplace-portfolio-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.marketplace-portfolio-info h5{color:#1e293b;font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.marketplace-portfolio-info p{color:#64748b;font-size:.875rem;margin:0}.marketplace-modal-price{align-items:center;background:#f8f9fe;border-radius:20px;border-radius:var(--radius-lg);display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding:1rem}.marketplace-modal-price span{color:#667eea;font-size:1.25rem;font-weight:700}.marketplace-modal-btn{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border:none;border-radius:20px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.marketplace-modal-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.portfolio-container{padding:1rem 0}.portfolio-stats{margin-bottom:1.5rem}.portfolio-stat-card{align-items:center;background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);display:flex;gap:1rem;padding:1.5rem}.portfolio-stat-icon{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);border-radius:16px;display:flex;flex-shrink:0;font-size:1.75rem;height:60px;justify-content:center;width:60px}.portfolio-stat-content{flex:1 1}.portfolio-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:.25rem}.portfolio-stat-label{color:#64748b;font-size:.9375rem}.portfolio-info-card{background:linear-gradient(135deg,#e0f2ff,#dbeafe);border-radius:20px;border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.5rem}.portfolio-info-card h4{color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 .75rem}.portfolio-info-card ul{list-style:none;margin:0;padding:0}.portfolio-info-card li{color:#475569;font-size:.875rem;margin-bottom:.5rem;padding-left:.5rem}.portfolio-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.portfolio-empty{background:#fff;border-radius:20px;border-radius:var(--radius-lg);color:#94a3b8;padding:3rem 1.5rem;text-align:center}.portfolio-empty p{color:#64748b;font-size:1.125rem;font-weight:600;margin:1rem 0 0}.portfolio-empty-hint{color:#94a3b8!important;font-size:.875rem!important;font-weight:400!important}.portfolio-card{background:#fff;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);padding:1.5rem}.portfolio-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.portfolio-card-category{background:linear-gradient(135deg,#e0f2ff,#dbeafe);border-radius:12px;color:#0284c7;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.portfolio-card-actions{display:flex;gap:.5rem}.portfolio-delete-btn,.portfolio-edit-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.portfolio-edit-btn{background:#f1f5f9;color:#0284c7}.portfolio-edit-btn:hover{background:#e0f2ff}.portfolio-delete-btn{background:#fef2f2;color:#dc2626}.portfolio-delete-btn:hover{background:#fee2e2}.portfolio-card-title{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.portfolio-card-description{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0 0 1rem}.portfolio-card-images{margin-top:1rem}.portfolio-no-images{align-items:center;background:#f8f9fe;border-radius:16px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;padding:2rem}.portfolio-no-images span{color:#94a3b8;font-size:.875rem}.portfolio-images-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.portfolio-image-thumb{aspect-ratio:1;background:#f1f5f9;border-radius:16px;border-radius:var(--radius-md);overflow:hidden}.portfolio-image-thumb img{height:100%;object-fit:cover;width:100%}.portfolio-add-btn{align-items:center;background:#fff;border:2px dashed #cbd5e1;border-radius:20px;border-radius:var(--radius-lg);color:#0284c7;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.portfolio-add-btn:hover{background:#f0f9ff;border-color:#0284c7}.portfolio-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.portfolio-modal{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2rem;position:relative;width:100%}.portfolio-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px}.portfolio-modal-close:hover{background:#e2e8f0;color:#1e293b}.portfolio-modal h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 1rem}.portfolio-modal-hint{color:#64748b;font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem}.portfolio-modal-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);border:none;border-radius:20px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.portfolio-modal-btn:hover{box-shadow:0 6px 20px #00a8fe66;transform:translateY(-2px)}.role-main-modern{background:#f8f9fe;display:flex;flex-direction:column;height:100%;margin:0;min-height:calc(100vh - 90px);position:relative;width:100%}.hero-section{align-items:center;display:flex;flex-shrink:0;height:35vh;justify-content:center;min-height:280px;overflow:hidden;position:relative}.hero-section.purple{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple)}.hero-section.blue{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue)}.hero-section.orange{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange)}.hero-content{color:#fff;padding:2rem;text-align:center;z-index:1}.hero-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 10px #0000001a}.hero-subtitle{font-size:1rem;font-weight:500;margin:0;opacity:.95}.content-card{background:#fff;border-radius:32px 32px 0 0;box-shadow:0 -4px 20px #00000014;flex:1 1;margin-left:0;margin-right:0;margin-top:-32px;padding:1.5rem 1.25rem;position:relative;z-index:2}.content-section{margin-bottom:1.5rem}.section-title{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 1rem}.stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.stat-item{background:#fff;border:2px solid;border-radius:20px;border-radius:var(--radius-lg);padding:1.25rem;text-align:center;transition:all .3s ease}.stat-item.purple{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea33}.stat-item.pink{background:linear-gradient(135deg,#f093fb0d,#f5576c0d);border-color:#f093fb33}.stat-item.blue{background:linear-gradient(135deg,#4facfe0d,#00f2fe0d);border-color:#4facfe33}.stat-icon{font-size:2rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:800;margin-bottom:.25rem}.stat-item.purple .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);-webkit-background-clip:text;background-clip:text}.stat-item.pink .stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-pink);-webkit-background-clip:text;background-clip:text}.stat-item.blue .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text}.stat-label{color:#64748b;font-size:.875rem;font-weight:500}.tips-badge{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:20px;display:inline-flex;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.tips-badge-icon{font-size:1.25rem}.tips-badge-text{color:#0369a1;font-size:.875rem;font-weight:600}.tips-list-compact{display:flex;flex-direction:column;gap:.75rem}.tip-item-compact{background:#f8f9fe;border-radius:16px;border-radius:var(--radius-md);gap:.75rem;padding:.75rem}.tip-item-compact,.tip-number{align-items:center;display:flex}.tip-number{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border-radius:50%;color:#fff;flex-shrink:0;font-size:.875rem;font-weight:700;height:28px;justify-content:center;width:28px}.tip-text{color:#475569;font-size:.9375rem;line-height:1.4}.action-cards-modern{display:flex;flex-direction:column;gap:.75rem}.action-card-modern{align-items:center;background:#fff;border:2px solid;border-radius:20px;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.action-card-modern.purple{border-color:#667eea33}.action-card-modern.pink{border-color:#f093fb33}.action-card-modern.blue{border-color:#4facfe33}.action-card-modern.teal{border-color:#8b7fd833}.action-card-modern:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.action-card-modern.purple:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea66}.action-card-modern.pink:hover{background:linear-gradient(135deg,#f093fb0d,#f5576c0d);border-color:#f093fb66}.action-card-modern.blue:hover{background:linear-gradient(135deg,#4facfe0d,#00f2fe0d);border-color:#4facfe66}.action-card-modern.teal:hover{background:linear-gradient(135deg,#8b7fd80d,#b8aee80d);border-color:#8b7fd866}.action-card-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.action-card-modern.purple .action-card-icon{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);color:#fff}.action-card-modern.pink .action-card-icon{background:var(--gradient-pink);color:#fff}.action-card-modern.blue .action-card-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);color:#fff}.action-card-modern.teal .action-card-icon{background:linear-gradient(135deg,#8b7fd8,#b8aee8);color:#fff}.action-card-modern.has-code{background:linear-gradient(135deg,#10b98114,#0596691f);border:2px solid #10b9814d;box-shadow:0 4px 16px #10b98126;position:relative}.action-card-modern.has-code:hover{background:linear-gradient(135deg,#10b9811f,#0596692e);border-color:#10b98180;box-shadow:0 6px 24px #10b98140;transform:translateY(-2px)}.code-indicator{position:absolute;right:.75rem;top:.75rem;z-index:10}.code-dot{animation:pulse-code 2s infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 2px 8px #10b98166;height:12px;width:12px}@keyframes pulse-code{0%{box-shadow:0 2px 8px #10b98166;transform:scale(1)}50%{box-shadow:0 4px 16px #10b98199;transform:scale(1.2)}to{box-shadow:0 4px 16px #10b98166;transform:scale(1)}}.action-card-content{flex:1 1}.action-card-content h4{color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 .25rem}.action-card-content p{color:#64748b;font-size:.875rem;margin:0}.tools-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:2rem}.tool-card{align-items:center;background:#fff;border:1px solid #0f172a0f;border-radius:18px;box-shadow:0 6px 20px #0f172a0a;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:140px;padding:1rem;transition:all .25s ease}.tool-card-blue{background:linear-gradient(135deg,#3b82f614,#8b5cf60d 50%,#3b82f608);border:1px solid #3b82f640;box-shadow:0 8px 32px #3b82f626,0 2px 8px #3b82f61a,inset 0 1px 0 #fff3}.tool-card-blue,.tool-card-pink{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-card-pink{background:linear-gradient(135deg,#ec489914,#f472b60d 50%,#ec489908);border:1px solid #ec489940;box-shadow:0 8px 32px #ec489926,0 2px 8px #ec48991a,inset 0 1px 0 #fff3}.tool-card-green{background:linear-gradient(135deg,#22c55e14,#4ade800d 50%,#22c55e08);border:1px solid #22c55e40;box-shadow:0 8px 32px #22c55e26,0 2px 8px #22c55e1a,inset 0 1px 0 #fff3}.tool-card-green,.tool-card-orange{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-card-orange{background:linear-gradient(135deg,#f9731614,#fb923c0d 50%,#f9731608);border:1px solid #f9731640;box-shadow:0 8px 32px #f9731626,0 2px 8px #f973161a,inset 0 1px 0 #fff3}.tool-card-purple{background:linear-gradient(135deg,#a855f714,#c084fc0d 50%,#a855f708);border:1px solid #a855f740;box-shadow:0 8px 32px #a855f726,0 2px 8px #a855f71a,inset 0 1px 0 #fff3}.tool-card-purple,.tool-card-teal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool-card-teal{background:linear-gradient(135deg,#8b7fd814,#b8aee80d 50%,#8b7fd808);border:1px solid #8b7fd840;box-shadow:0 8px 32px #8b7fd826,0 2px 8px #8b7fd81a,inset 0 1px 0 #fff3}.tool-card:hover{box-shadow:0 10px 24px #0f172a14;transform:translateY(-2px)}.tool-card-blue:hover{background:linear-gradient(135deg,#3b82f61f,#8b5cf614 50%,#3b82f60f);border-color:#3b82f666;box-shadow:0 16px 48px #3b82f640,0 4px 16px #3b82f626,inset 0 1px 0 #ffffff4d}.tool-card-blue:hover,.tool-card-pink:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:translateY(-4px) scale(1.02)}.tool-card-pink:hover{background:linear-gradient(135deg,#ec48991f,#f472b614 50%,#ec48990f);border-color:#ec489966;box-shadow:0 16px 48px #ec489940,0 4px 16px #ec489926,inset 0 1px 0 #ffffff4d}.tool-card-green:hover{background:linear-gradient(135deg,#22c55e1f,#4ade8014 50%,#22c55e0f);border-color:#22c55e66;box-shadow:0 16px 48px #22c55e40,0 4px 16px #22c55e26,inset 0 1px 0 #ffffff4d}.tool-card-green:hover,.tool-card-orange:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:translateY(-4px) scale(1.02)}.tool-card-orange:hover{background:linear-gradient(135deg,#f973161f,#fb923c14 50%,#f973160f);border-color:#f9731666;box-shadow:0 16px 48px #f9731640,0 4px 16px #f9731626,inset 0 1px 0 #ffffff4d}.tool-card-purple:hover{background:linear-gradient(135deg,#a855f71f,#c084fc14 50%,#a855f70f);border-color:#a855f766;box-shadow:0 16px 48px #a855f740,0 4px 16px #a855f726,inset 0 1px 0 #ffffff4d}.tool-card-purple:hover,.tool-card-teal:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:translateY(-4px) scale(1.02)}.tool-card-teal:hover{background:linear-gradient(135deg,#8b7fd81f,#b8aee814 50%,#8b7fd80f);border-color:#8b7fd866;box-shadow:0 16px 48px #8b7fd840,0 4px 16px #8b7fd826,inset 0 1px 0 #ffffff4d}.tool-icon{align-items:center;border-radius:16px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.tool-card-blue .tool-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#1d4ed8);border:1px solid #fff3;box-shadow:0 8px 24px #3b82f666,inset 0 2px 4px #fff3;color:#fff}.tool-card-pink .tool-icon{background:linear-gradient(135deg,#ec4899,#f472b6 50%,#db2777);border:1px solid #fff3;box-shadow:0 8px 24px #ec489966,inset 0 2px 4px #fff3;color:#fff}.tool-card-green .tool-icon{background:linear-gradient(135deg,#22c55e,#4ade80 50%,#16a34a);border:1px solid #fff3;box-shadow:0 8px 24px #22c55e66,inset 0 2px 4px #fff3;color:#fff}.tool-card-orange .tool-icon{background:linear-gradient(135deg,#f97316,#fb923c 50%,#ea580c);border:1px solid #fff3;box-shadow:0 8px 24px #f9731666,inset 0 2px 4px #fff3;color:#fff}.tool-card-purple .tool-icon{background:linear-gradient(135deg,#a855f7,#c084fc 50%,#9333ea);border:1px solid #fff3;box-shadow:0 8px 24px #a855f766,inset 0 2px 4px #fff3;color:#fff}.tool-card-teal .tool-icon{background:linear-gradient(135deg,#8b7fd8,#b8aee8 50%,#7c3aed);border:1px solid #fff3;box-shadow:0 8px 24px #8b7fd866,inset 0 2px 4px #fff3;color:#fff}.tool-info h5{color:#0f172a;font-size:.95rem;font-weight:700;margin:0;text-align:center}.tool-info p{color:#64748b;font-size:.8rem;margin:0;text-align:center}.alert-card{align-items:center;background:#fff;border-left:4px solid;border-radius:20px;border-radius:var(--radius-lg);display:flex;gap:1rem;padding:1rem}.alert-card.warning{background:linear-gradient(90deg,#fef3c7 0,#fff);border-left-color:#f59e0b}.alert-icon{flex-shrink:0;font-size:2rem}.alert-content h4{color:#1e293b;font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.alert-content p{color:#64748b;font-size:.8125rem;margin:0}.modern-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:0;position:relative}.modern-screen.purple{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple)}.modern-screen.pink{background:var(--gradient-pink)}.modern-screen.blue{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue)}.modern-screen-header{align-items:center;color:#fff;display:flex;justify-content:space-between;left:0;padding:1rem;position:absolute;right:0;top:0;z-index:10}.modern-screen-header .back-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.modern-screen-header .back-button:hover{background:#ffffff4d;transform:scale(1.05)}.modern-screen-header .modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.modern-screen-header .modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.modern-screen-title{flex:1 1;font-size:1.25rem;font-weight:700;margin:0;padding-right:44px;text-align:center}.modern-card{background:#fff;border-radius:32px;box-shadow:0 4px 30px #00000026;margin:1rem;max-width:500px;padding:2rem 1.5rem;width:calc(100% - 2rem)}.modern-card-icon{font-size:4rem;margin-bottom:1rem;text-align:center}.modern-card-title{color:#1e293b;font-size:1.5rem;font-weight:800;margin:0 0 .5rem;text-align:center}.modern-card-subtitle{color:#64748b;font-size:1rem;margin:0 0 1.5rem;text-align:center}.method-options{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.method-option{align-items:center;background:#fff;border:2px solid;border-radius:20px;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.method-option.purple{border-color:#667eea33}.method-option.pink{border-color:#f093fb33}.method-option.blue{border-color:#4facfe33}.method-option:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.method-option.purple:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea80}.method-option-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.method-option.purple .method-option-icon{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);color:#fff}.method-option.pink .method-option-icon{background:var(--gradient-pink);color:#fff}.method-option.blue .method-option-icon{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);color:#fff}.method-option-content{flex:1 1}.method-option-content h4{color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 .25rem}.method-option-content p{color:#64748b;font-size:.875rem;margin:0}.qr-display{display:flex;justify-content:center;margin:1.25rem 0 1rem}.qr-code-wrapper{background:linear-gradient(135deg,#fff,#f8f9fe);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000001a,0 0 0 1px #667eea1a,inset 0 1px 0 #ffffffe6;display:inline-block;overflow:hidden;padding:1.25rem;position:relative}.qr-code-wrapper:before{background:linear-gradient(45deg,#667eea0d,#0000 50%,#764ba20d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.qr-code-wrapper svg{border-radius:8px;display:block;position:relative;z-index:1}.qr-code-wrapper.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);box-shadow:0 8px 32px #10b98133,0 0 0 3px #10b981,inset 0 1px 0 #ffffffe6}.qr-code-wrapper.success:before{background:linear-gradient(45deg,#10b9811a,#0000 50%,#0596691a)}.qr-close-button{align-items:center;background:#ffffffe6;border:1px solid #0000001a;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px;z-index:10}.qr-close-button:hover{background:#fff;box-shadow:0 4px 12px #00000026;color:#374151;transform:scale(1.05)}.info-badge{align-items:center;border-radius:20px;border-radius:var(--radius-lg);display:flex;gap:.75rem;margin-top:1.25rem;padding:.875rem}.info-badge.purple{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33}.info-badge.pink{background:linear-gradient(135deg,#f093fb1a,#f5576c1a);border:1px solid #f093fb33}.info-badge.warning{background:linear-gradient(90deg,#fef3c7 0,#fef9e6);border:1px solid #fbbf24}.info-badge.success{background:linear-gradient(90deg,#d1fae5 0,#ecfdf5);border:1px solid #10b981}.info-badge-icon{flex-shrink:0;font-size:1.5rem}.info-badge-text{color:#475569;font-size:.875rem;line-height:1.5}.gender-selection-modern{margin-top:1.5rem}.start-handover-btn{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border:none;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;margin-top:1.5rem;padding:1rem;transition:all .3s ease;width:100%}.start-handover-btn:hover{box-shadow:0 6px 24px #667eea66;transform:translateY(-2px)}.start-handover-btn.pink{background:var(--gradient-pink);box-shadow:0 4px 16px #f093fb4d}.start-handover-btn.pink:hover{box-shadow:0 6px 24px #f093fb66}.success-card{position:relative;text-align:center}.success-icon-wrapper{display:flex;justify-content:center;margin-bottom:.75rem}.success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 6px 20px #10b9814d;color:#fff;display:flex;height:60px;justify-content:center;width:60px}.modern-card-title.success{color:#059669}.qr-actions{gap:.75rem;margin-top:1rem}.qr-action-btn{border-radius:20px;border-radius:var(--radius-lg);flex:1 1;font-size:.9375rem;justify-content:center;padding:.875rem 1rem;transition:all .3s ease}.qr-action-btn.primary{background:var(--gradient-purple);box-shadow:0 4px 12px #667eea4d}.qr-action-btn.primary:hover{box-shadow:0 6px 20px #667eea66}.qr-action-btn.secondary{border:2px solid #667eea;color:#667eea}.qr-action-btn.secondary:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.qr-action-btn.primary.purple{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);box-shadow:0 4px 12px #667eea4d}.qr-action-btn.primary.purple:hover{box-shadow:0 6px 20px #667eea66}.qr-action-btn.primary.blue{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);box-shadow:0 4px 12px #3b82f64d}.qr-action-btn.primary.blue:hover{box-shadow:0 6px 20px #3b82f666}.qr-link-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:.75rem;margin-top:.75rem;padding:.75rem .875rem;width:100%}.qr-link-label{align-items:center;color:#334155;display:flex;font-size:.8125rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.qr-link-url{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:16px;border-radius:var(--radius-md);color:#1e293b;font-family:Courier New,monospace;font-size:.75rem;line-height:1.4;max-height:34px;overflow:hidden;padding:.5rem .75rem;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.qr-link-url:hover{background:#fff;border-color:#ffffff80}.qr-link-actions{display:flex;gap:.5rem;margin-top:.625rem}.qr-link-btn{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.8125rem;font-weight:600;gap:.375rem;justify-content:center;padding:.625rem .75rem;transition:all .2s ease}.qr-link-btn.secondary{background:#ffffffe6;color:#667eea}.qr-link-btn.secondary:hover{background:#fff;transform:translateY(-1px)}.qr-link-btn.primary{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);box-shadow:0 2px 8px #667eea4d;color:#fff}.qr-link-btn.primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.qr-link-btn.primary.purple{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);box-shadow:0 2px 8px #667eea4d}.qr-link-btn.primary.purple:hover{box-shadow:0 4px 12px #667eea66}.qr-link-btn.primary.blue{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);box-shadow:0 2px 8px #3b82f64d}.qr-link-btn.primary.blue:hover{box-shadow:0 4px 12px #3b82f666}.reveal-content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:2rem;position:relative;text-align:center;z-index:1}.reveal-icon-modern{filter:drop-shadow(0 10px 30px rgba(0,0,0,.2));font-size:8rem;margin-bottom:2rem}.reveal-title-modern{font-size:3rem;font-weight:900;margin:0 0 1rem;text-shadow:0 4px 20px #0000001a}.reveal-title-modern.boy{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text}.reveal-title-modern.girl{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text}.reveal-subtitle-modern{color:#fff;font-size:1.25rem;margin:0 0 2rem;opacity:.95}.reveal-button-modern{border:none;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 24px #0003;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:700;padding:1rem 3rem;transition:all .3s ease}.reveal-button-modern.boy{background:linear-gradient(135deg,#4facfe,#00f2fe)}.reveal-button-modern.girl{background:linear-gradient(135deg,#f093fb,#f5576c)}.reveal-button-modern:hover{box-shadow:0 12px 32px #0000004d;transform:translateY(-2px)}@media (max-width:768px){.welcome-screen h1{font-size:2rem}.role-button-emoji{font-size:3rem}.reveal-icon{font-size:6rem}.reveal-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.feature-card{flex-direction:row;text-align:left}.marketplace-card-header{flex-wrap:wrap}.marketplace-price{margin-top:.5rem;text-align:left;width:100%}.marketplace-modal{max-height:90vh}.hero-section{height:30vh;min-height:240px}.hero-icon{font-size:3rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.9375rem}.content-card{padding:1.25rem .875rem 1.5rem}.stats-row{gap:.75rem}.stat-item{padding:1rem}.action-card-icon{height:52px;width:52px}.action-card-content h4{font-size:.9375rem}.tool-icon{height:44px;width:44px}.modern-card{margin:.75rem;padding:1.5rem 1.25rem}.modern-card-icon{font-size:3.5rem}.modern-card-title{font-size:1.35rem}.modern-card-subtitle{font-size:.9375rem}.method-option{padding:1rem}.method-option-icon{height:48px;width:48px}.reveal-icon-modern{font-size:6rem}.reveal-title-modern{font-size:2.25rem}.reveal-subtitle-modern{font-size:1rem}.reveal-button-modern{font-size:1rem;padding:.875rem 2.5rem}}.qr-scanner-overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.qr-scanner-modal{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:420px;overflow-y:auto;padding:2rem 1.5rem;position:relative;width:100%}.qr-scanner-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px;z-index:10}.qr-scanner-close:hover{background:#e2e8f0;color:#1e293b;transform:scale(1.05)}.qr-scanner-header{margin-bottom:2rem;text-align:center}.qr-scanner-icon{align-items:center;background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border-radius:20px;box-shadow:0 8px 24px #667eea4d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.qr-scanner-icon.blue{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);box-shadow:0 8px 24px #4facfe4d}.qr-scanner-icon.orange{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange);box-shadow:0 8px 24px #fa709a4d}.qr-scanner-title{color:#1e293b;font-size:1.5rem;font-weight:800;margin:0 0 .5rem}.qr-scanner-subtitle{color:#64748b;font-size:.9375rem;margin:0}.qr-scanner-camera-container{margin-bottom:1.5rem}.qr-scanner-video-wrapper{aspect-ratio:1;background:#f8f9fe;border-radius:20px;border-radius:var(--radius-lg);margin-bottom:1rem;overflow:hidden;position:relative;width:100%}.qr-scanner-video{height:100%;object-fit:cover;width:100%}.qr-scanner-overlay-frame{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.corner{border:4px solid #fff;box-shadow:0 2px 10px #0000004d;height:60px;position:absolute;width:60px}.corner.purple{border-color:#667eea;box-shadow:0 2px 10px #667eea66}.corner.blue{border-color:#4facfe;box-shadow:0 2px 10px #4facfe66}.corner.orange{border-color:#fa709a;box-shadow:0 2px 10px #fa709a66}.corner-tl{border-radius:12px 0 0 0;border-right:none;left:20px}.corner-tl,.corner-tr{border-bottom:none;top:20px}.corner-tr{border-left:none;border-radius:0 12px 0 0;right:20px}.corner-bl{border-radius:0 0 0 12px;border-right:none;left:20px}.corner-bl,.corner-br{border-top:none;bottom:20px}.corner-br{border-left:none;border-radius:0 0 12px 0;right:20px}.qr-scanner-stop-btn{background:#fff;border:2px solid #667eea;border-radius:20px;border-radius:var(--radius-lg);color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem;transition:all .3s ease;width:100%}.qr-scanner-stop-btn.blue{border-color:#4facfe;color:#4facfe}.qr-scanner-stop-btn.orange{border-color:#fa709a;color:#fa709a}.qr-scanner-stop-btn:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.qr-scanner-stop-btn.blue:hover{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);border-color:#4facfe}.qr-scanner-stop-btn.orange:hover{background:linear-gradient(135deg,#fa709a1a,#fee1401a);border-color:#fa709a}.qr-scanner-actions{margin-bottom:1.5rem;text-align:center}.qr-scanner-camera-icon{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:24px;color:#667eea;height:120px;margin:0 auto 1.5rem;width:120px}.qr-scanner-camera-icon,.qr-scanner-start-btn{align-items:center;display:flex;justify-content:center}.qr-scanner-start-btn{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);border:none;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;gap:.5rem;padding:1rem;transition:all .3s ease;width:100%}.qr-scanner-start-btn.blue{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);box-shadow:0 4px 16px #4facfe4d}.qr-scanner-start-btn.orange{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange);box-shadow:0 4px 16px #fa709a4d}.qr-scanner-start-btn:hover{box-shadow:0 6px 24px #667eea66;transform:translateY(-2px)}.qr-scanner-start-btn.blue:hover{box-shadow:0 6px 24px #4facfe66}.qr-scanner-start-btn.orange:hover{box-shadow:0 6px 24px #fa709a66}.qr-scanner-divider{align-items:center;display:flex;gap:1rem;margin:1.5rem 0}.qr-scanner-divider-line{background:linear-gradient(90deg,#0000,#e2e8f0 50%,#0000);flex:1 1;height:1px}.qr-scanner-divider-text{color:#94a3b8;font-size:.875rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.qr-scanner-upload{text-align:center}.qr-scanner-upload-label{color:#64748b;font-size:.9375rem;margin:0 0 1rem}.qr-scanner-file-input{display:none}.qr-scanner-upload-btn{align-items:center;background:#fff;border:2px dashed #cbd5e1;border-radius:20px;border-radius:var(--radius-lg);color:#667eea;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease;width:100%}.qr-scanner-upload-btn.blue{color:#4facfe}.qr-scanner-upload-btn.orange{color:#fa709a}.qr-scanner-upload-btn:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea}.qr-scanner-upload-btn.blue:hover{background:linear-gradient(135deg,#4facfe0d,#00f2fe0d);border-color:#4facfe}.qr-scanner-upload-btn.orange:hover{background:linear-gradient(135deg,#fa709a0d,#fee1400d);border-color:#fa709a}.qr-scanner-preview{border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);margin-left:auto;margin-right:auto;margin-top:1rem;max-width:200px;overflow:hidden}.qr-scanner-preview img{display:block;height:auto;width:100%}.qr-scanner-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0;text-align:center}.qr-scanner-spinner{animation:qr-scanner-spin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}@keyframes qr-scanner-spin{to{transform:rotate(1turn)}}.qr-scanner-loading p{color:#667eea;font-size:.9375rem;font-weight:600;margin:0}.qr-scanner-error{align-items:center;background:linear-gradient(90deg,#fee2e2 0,#fef2f2);border:1px solid #ef4444;border-radius:20px;border-radius:var(--radius-lg);color:#dc2626;display:flex;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem}.qr-scanner-error svg{flex-shrink:0}@media (max-width:480px){.qr-scanner-modal{max-width:100%;padding:1.5rem 1rem}.qr-scanner-icon{height:70px;width:70px}.qr-scanner-title{font-size:1.25rem}.qr-scanner-subtitle{font-size:.875rem}.qr-scanner-camera-icon{height:100px;width:100px}.corner{border-width:3px;height:50px;width:50px}.corner-tl,.corner-tr{top:15px}.corner-bl,.corner-br{bottom:15px}.corner-bl,.corner-tl{left:15px}.corner-br,.corner-tr{right:15px}}.settings-view-modern{background:#f8f9fe;display:flex;flex-direction:column;height:100%;margin:0;min-height:calc(100vh - 90px);position:relative;width:100%}.settings-hero{align-items:center;display:flex;flex-shrink:0;height:20vh;justify-content:center;min-height:160px;overflow:hidden;position:relative}.settings-hero.purple{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple)}.settings-hero.pink{background:var(--gradient-pink)}.settings-hero.blue{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue)}.settings-hero-content{color:#fff;padding:2.75rem 2rem 1.75rem;text-align:center;z-index:1}.settings-hero-icon{align-items:center;animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;display:flex;height:64px;justify-content:center;margin:0 auto .75rem;width:64px}.settings-hero-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 10px #0000001a}.settings-hero-subtitle{font-size:1rem;font-weight:500;margin:0;opacity:.95}.settings-content{background:#fff;border-radius:32px 32px 0 0;box-shadow:0 -4px 20px #00000014;flex:1 1;margin-left:0;margin-right:0;margin-top:-32px;padding:1.5rem 1.25rem;position:relative;z-index:2}.settings-section{margin-bottom:2rem}.settings-section-title{color:#94a3b8;font-size:.875rem;font-weight:700;letter-spacing:.5px;margin:0 0 1rem;padding:0 .5rem;text-transform:uppercase}.settings-profile-card{align-items:center;background:#fff;border:2px solid;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md);display:flex;gap:1rem;margin-bottom:1rem;padding:1.5rem}.settings-profile-card.purple{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea33}.settings-profile-card.pink{background:linear-gradient(135deg,#f093fb0d,#f5576c0d);border-color:#f093fb33}.settings-profile-card.blue{background:linear-gradient(135deg,#4facfe0d,#00f2fe0d);border-color:#4facfe33}.settings-profile-avatar{border-radius:50%;box-shadow:0 4px 12px #0000001a;flex-shrink:0;height:80px;overflow:hidden;width:80px}.settings-profile-avatar img{height:100%;object-fit:cover;width:100%}.settings-profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.settings-profile-info{flex:1 1}.settings-profile-info h4{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.settings-profile-info p{color:#64748b;font-size:.9375rem;margin:0}.settings-profile-badge{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.settings-profile-emoji{font-size:2rem}.settings-profile-role{color:#64748b;font-size:.75rem;font-weight:600}.settings-stats-modern{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.settings-stat-modern{align-items:center;background:#fff;border:2px solid;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1.25rem}.settings-stat-modern.purple{border-color:#667eea33}.settings-stat-modern.pink{border-color:#f093fb33}.settings-stat-modern.blue{border-color:#4facfe33}.settings-stat-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.settings-stat-modern.purple .settings-stat-icon-wrapper{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.settings-stat-modern.pink .settings-stat-icon-wrapper{background:linear-gradient(135deg,#f093fb1a,#f5576c1a);color:#f093fb}.settings-stat-modern.blue .settings-stat-icon-wrapper{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);color:#4facfe}.settings-stat-content{flex:1 1}.settings-stat-value{font-size:1.75rem;font-weight:800;margin-bottom:.25rem}.settings-stat-modern.purple .settings-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);-webkit-background-clip:text;background-clip:text}.settings-stat-modern.pink .settings-stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-pink);-webkit-background-clip:text;background-clip:text}.settings-stat-modern.blue .settings-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);-webkit-background-clip:text;background-clip:text}.settings-stat-label{color:#64748b;font-size:.8125rem;font-weight:500}.settings-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.settings-item{align-items:center;background:#fff;border:none;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:1rem;padding:1.25rem 1rem;text-align:left;transition:all .2s ease;width:100%}.settings-item:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md)}.settings-item-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.settings-item-icon.purple{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.settings-item-icon.pink{background:linear-gradient(135deg,#f093fb1a,#f5576c1a);color:#f093fb}.settings-item-icon.blue{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);color:#4facfe}.settings-item-icon.danger{background:linear-gradient(135deg,#fee2e2,#fef2f2);color:#dc2626}.settings-item-icon.warning{background:linear-gradient(135deg,#fef3c7,#fef9e6);color:#f59e0b}.settings-item-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.settings-item-title{color:#1e293b;display:block;font-size:1rem;font-weight:600}.settings-item-subtitle{color:#64748b;display:block;font-size:.8125rem}.settings-item-arrow{color:#cbd5e1;flex-shrink:0}.settings-footer{color:#94a3b8;padding:2rem 1rem;text-align:center}.settings-footer-logo{align-items:center;background:#0000;display:flex;justify-content:center;margin:0 auto 1rem}.settings-footer-logo img{background:#0000;border-radius:0;display:block;height:48px;object-fit:contain;width:48px}.settings-footer-text{color:#64748b;font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.settings-footer-subtext{color:#94a3b8;font-size:.8125rem;margin:0}.history-view-modern{background:#f8f9fe;display:flex;flex-direction:column;height:100%;margin:0;min-height:calc(100vh - 90px);position:relative;width:100%}.history-hero{align-items:center;display:flex;flex-shrink:0;height:20vh;justify-content:center;min-height:160px;overflow:hidden;position:relative}.history-hero.purple{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple)}.history-hero.pink{background:var(--gradient-pink)}.history-hero.blue{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue)}.history-hero-content{color:#fff;padding:2.75rem 2rem 1.75rem;text-align:center;z-index:1}.history-hero-icon{align-items:center;animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:16px;display:flex;height:64px;justify-content:center;margin:0 auto .75rem;width:64px}.history-hero-title{font-size:2rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 10px #0000001a}.history-hero-subtitle{font-size:1rem;font-weight:500;margin:0;opacity:.95}.history-content{background:#fff;border-radius:32px 32px 0 0;box-shadow:0 -4px 20px #00000014;flex:1 1;margin-left:0;margin-right:0;margin-top:-32px;padding:1.5rem 1.25rem;position:relative;z-index:2}.history-empty{color:#94a3b8;padding:3rem 1.5rem;text-align:center}.history-empty-icon{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:24px;color:#cbd5e1;display:flex;height:120px;justify-content:center;margin:0 auto 1.5rem;width:120px}.history-empty-title{color:#64748b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.history-empty-text{color:#94a3b8;font-size:.9375rem;margin:0}.history-list-modern{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.history-card{align-items:center;background:#fff;border:2px solid;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.history-card.purple{border-color:#667eea33}.history-card.pink{border-color:#f093fb33}.history-card.blue{border-color:#4facfe33}.history-card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-md)}.history-card.purple:hover{background:linear-gradient(135deg,#667eea08,#764ba208);border-color:#667eea66}.history-card.pink:hover{background:linear-gradient(135deg,#f093fb08,#f5576c08);border-color:#f093fb66}.history-card.blue:hover{background:linear-gradient(135deg,#4facfe08,#00f2fe08);border-color:#4facfe66}.history-card-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.history-card.purple .history-card-icon{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.history-card.pink .history-card-icon{background:linear-gradient(135deg,#f093fb1a,#f5576c1a);color:#f093fb}.history-card.blue .history-card-icon{background:linear-gradient(135deg,#4facfe1a,#00f2fe1a);color:#4facfe}.history-card-content{flex:1 1;min-width:0}.history-card-title{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.history-card-date{align-items:center;color:#64748b;display:flex;font-size:.8125rem;gap:.375rem}.history-card-status{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.history-card-status.success{background:linear-gradient(135deg,#d1fae5,#ecfdf5);color:#059669}.history-card-status.warning{background:linear-gradient(135deg,#fef3c7,#fef9e6);color:#d97706}.history-card-status.info{background:linear-gradient(135deg,#dbeafe,#eff6ff);color:#2563eb}.history-card-status.default{background:linear-gradient(135deg,#f1f5f9,#f8fafc);color:#64748b}.history-card-arrow{color:#cbd5e1;flex-shrink:0}.history-qr-modal{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:440px;overflow-y:auto;position:relative;width:100%}.history-qr-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:40px;z-index:10}.history-qr-close:hover{background:#fff;color:#1e293b;transform:scale(1.05)}.history-qr-header{color:#fff;padding:2rem 1.5rem;text-align:center}.history-qr-header.purple{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple)}.history-qr-header.pink{background:var(--gradient-pink)}.history-qr-header.blue{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue)}.history-qr-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:18px;display:flex;height:72px;justify-content:center;margin:0 auto 1rem;width:72px}.history-qr-title{font-size:1.5rem;font-weight:800;margin:0 0 .5rem}.history-qr-subtitle{font-size:.9375rem;margin:0;opacity:.95}.history-qr-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:3rem 2rem;text-align:center}.history-qr-spinner{animation:qr-scanner-spin .8s linear infinite;border:4px solid #f1f5f9;border-radius:50%;border-top-color:#667eea;height:48px;width:48px}.history-qr-loading p{color:#667eea;font-size:.9375rem;font-weight:600;margin:0}.history-qr-error{padding:2rem 1.5rem;text-align:center}.history-qr-error-icon{align-items:center;background:linear-gradient(135deg,#fee2e2,#fef2f2);border-radius:50%;color:#dc2626;display:flex;height:80px;justify-content:center;margin:0 auto 1rem;width:80px}.history-qr-error p{color:#dc2626;font-size:.9375rem;margin:0}.history-qr-code{display:flex;justify-content:center;padding:2rem 1.5rem 1rem}.history-qr-code>div{background:linear-gradient(135deg,#fff,#f8f9fe);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000014,0 0 0 1px #667eea1a,inset 0 1px 0 #ffffffe6;display:inline-block;overflow:hidden;padding:1.5rem;position:relative}.history-qr-code>div:before{background:linear-gradient(45deg,#667eea0d,#0000 50%,#764ba20d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.history-qr-code svg{border-radius:8px;display:block;position:relative;z-index:1}.history-qr-badge{align-items:center;border:2px solid;border-radius:20px;border-radius:var(--radius-lg);display:flex;gap:.75rem;justify-content:center;margin:0 1.5rem;padding:1rem}.history-qr-badge.purple{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea33}.history-qr-badge.pink{background:linear-gradient(135deg,#f093fb0d,#f5576c0d);border-color:#f093fb33}.history-qr-badge.blue{background:linear-gradient(135deg,#4facfe0d,#00f2fe0d);border-color:#4facfe33}.history-qr-badge-icon{font-size:1.75rem}.history-qr-badge-text{color:#1e293b;font-size:1rem;font-weight:600}.history-qr-actions{display:flex;gap:.75rem;padding:1.5rem}.history-qr-btn{align-items:center;border:none;border-radius:20px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.history-qr-btn.secondary{background:#fff;border:2px solid #667eea;color:#667eea}.history-qr-btn.secondary:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.history-qr-btn.primary.purple{background:linear-gradient(135deg,#8b7fd8,#b8aee8);background:var(--gradient-purple);box-shadow:0 4px 12px #667eea4d;color:#fff}.history-qr-btn.primary.pink{background:var(--gradient-pink);box-shadow:0 4px 12px #f093fb4d;color:#fff}.history-qr-btn.primary.blue{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-blue);box-shadow:0 4px 12px #4facfe4d;color:#fff}.history-qr-btn.primary:hover{box-shadow:0 6px 20px #667eea66}.confirmation-modal{background:#fff;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2rem 1.5rem;text-align:center;width:100%}.confirmation-modal-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.confirmation-modal-icon.danger{background:linear-gradient(135deg,#fee2e2,#fef2f2);color:#dc2626}.confirmation-modal-icon.warning{background:linear-gradient(135deg,#fef3c7,#fef9e6);color:#f59e0b}.confirmation-modal-title{color:#1e293b;font-size:1.5rem;font-weight:800;margin:0 0 1rem}.confirmation-modal-text{color:#64748b;font-size:.9375rem;line-height:1.6;margin:0 0 1.5rem}.confirmation-modal-actions{display:flex;gap:.75rem}.confirmation-modal-btn{align-items:center;border:none;border-radius:20px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.confirmation-modal-btn.secondary{background:#f1f5f9;color:#64748b}.confirmation-modal-btn.secondary:hover{background:#e2e8f0;color:#1e293b}.confirmation-modal-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.confirmation-modal-btn.danger:hover{box-shadow:0 6px 20px #ef444466}.stat-item.orange{background:linear-gradient(135deg,#fa709a0d,#fee1400d);border-color:#fa709a33}.stat-item.orange .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange);-webkit-background-clip:text;background-clip:text}.action-card-modern.orange{border-color:#fa709a33}.action-card-modern.orange:hover{background:linear-gradient(135deg,#fa709a0d,#fee1400d);border-color:#fa709a66}.action-card-modern.orange .action-card-icon{color:#fff}.action-card-modern.orange .action-card-icon,.modern-screen.orange{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange)}.method-option.orange{border-color:#fa709a33}.method-option.orange:hover{background:linear-gradient(135deg,#fa709a0d,#fee1400d);border-color:#fa709a80}.method-option.orange .method-option-icon{color:#fff}.method-option.orange .method-option-icon,.settings-hero.orange{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange)}.settings-profile-card.orange{background:linear-gradient(135deg,#fa709a0d,#fee1400d);border-color:#fa709a33}.settings-stat-modern.orange{border-color:#fa709a33}.settings-stat-modern.orange .settings-stat-icon-wrapper{background:linear-gradient(135deg,#fa709a1a,#fee1401a);color:#fa709a}.settings-stat-modern.orange .settings-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange);-webkit-background-clip:text;background-clip:text}.settings-item-icon.orange{background:linear-gradient(135deg,#fa709a1a,#fee1401a);color:#fa709a}.history-hero.orange{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange)}.history-card.orange{border-color:#fa709a33}.history-card.orange:hover{background:linear-gradient(135deg,#fa709a08,#fee14008);border-color:#fa709a66}.history-card.orange .history-card-icon{background:linear-gradient(135deg,#fa709a1a,#fee1401a);color:#fa709a}.history-qr-header.orange{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange)}.history-qr-badge.orange{background:linear-gradient(135deg,#fa709a0d,#fee1400d);border-color:#fa709a33}.history-qr-btn.primary.orange{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange);box-shadow:0 4px 12px #fa709a4d;color:#fff}.tool-card.orange{border-color:#fa709a26}.tool-card.orange:hover{background:linear-gradient(135deg,#fa709a08,#fee14008);border-color:#fa709a4d}.tool-card.orange .tool-icon{color:#fa709a}.info-badge.orange,.tool-card.orange .tool-icon{background:linear-gradient(135deg,#fa709a1a,#fee1401a)}.info-badge.orange{border:1px solid #fa709a33}.start-handover-btn.orange{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange);box-shadow:0 4px 16px #fa709a4d}.start-handover-btn.orange:hover{box-shadow:0 6px 24px #fa709a66}.qr-action-btn.primary.orange{box-shadow:0 4px 12px #fa709a4d;color:#fff}.qr-action-btn.primary.orange,.reveal-button-modern.orange{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-orange)}@media (max-width:768px){.history-hero,.settings-hero{height:18vh;min-height:140px}.history-hero-icon,.settings-hero-icon{height:56px;width:56px}.history-hero-title,.settings-hero-title{font-size:1.75rem}.history-content,.settings-content{padding:1.25rem .875rem 1.5rem}.settings-profile-card{flex-direction:column;text-align:center}.settings-profile-avatar{height:70px;width:70px}.settings-stats-modern{gap:.75rem}.settings-stat-modern{padding:1rem}.settings-stat-icon-wrapper{height:44px;width:44px}.settings-stat-value{font-size:1.5rem}.history-qr-modal{margin:1rem;max-width:100%}.history-qr-header{padding:1.5rem 1rem}.history-qr-icon{height:60px;width:60px}.history-qr-title{font-size:1.25rem}.history-qr-code{padding:1.5rem 1rem .75rem}.history-qr-code svg{height:240px!important;width:240px!important}}.safety-guides-container{margin:0 auto;max-width:480px;padding:1rem}.safety-search{margin-bottom:1.5rem}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;left:1rem;position:absolute;z-index:1}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--parent-primary);box-shadow:0 0 0 3px #8b7fd81a;outline:none}.safety-categories{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding:.5rem .5rem .5rem 0}.safety-category{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;min-width:80px;padding:1rem .75rem;transition:all .2s ease}.safety-category:hover{border-color:var(--parent-primary);transform:translateY(-2px)}.safety-category.active{background:linear-gradient(135deg,#8b7fd81a,#b8aee81a);border-color:var(--parent-primary)}.safety-category.red.active{background:linear-gradient(135deg,#ef44441a,#fca5a51a);border-color:#ef4444}.safety-category.green.active{background:linear-gradient(135deg,#10b9811a,#6ee7b71a);border-color:#10b981}.safety-category.blue.active{background:linear-gradient(135deg,#3b82f61a,#93c5fd1a);border-color:#3b82f6}.safety-category.purple.active{background:linear-gradient(135deg,#8b7fd81a,#b8aee81a);border-color:#8b7fd8}.safety-category.pink.active{background:linear-gradient(135deg,#ec48991a,#fbcfe81a);border-color:#ec4899}.safety-category.cyan.active{background:linear-gradient(135deg,#06b6d41a,#67e8f91a);border-color:#06b6d4}.category-icon{font-size:1.5rem}.category-name{color:#374151;font-size:.75rem;font-weight:600;text-align:center}.ai-notice{align-items:flex-start;background:linear-gradient(135deg,#8b7fd80d,#b8aee80d);border:1px solid #8b7fd833;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.ai-notice-icon{flex-shrink:0;font-size:1.5rem}.ai-notice-content h4{color:#374151;font-size:1rem;font-weight:600;margin-bottom:.5rem}.ai-notice-content p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.safety-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.safety-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;transition:all .2s ease}.safety-item:hover{border-color:var(--parent-primary);box-shadow:0 4px 12px #8b7fd81a}.safety-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.safety-item-name{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.safety-status{border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.safety-item-details{display:flex;flex-direction:column;gap:.5rem}.safety-note,.safety-trimester{color:#6b7280;font-size:.875rem;line-height:1.5}.safety-note strong,.safety-trimester strong{color:#374151;font-weight:600}.safety-disclaimer{align-items:flex-start;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;display:flex;gap:.75rem;padding:1rem}.disclaimer-icon{flex-shrink:0;font-size:1.25rem}.safety-disclaimer p{color:#92400e;font-size:.875rem;line-height:1.5;margin:0}.safety-disclaimer strong{font-weight:600}.qr-modal-content{padding:1rem 0;text-align:center}.qr-modal-subtitle{color:#64748b;font-size:.95rem;margin:0 0 .75rem}.qr-code-container{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fe);border:1px solid #8b7fd81a;border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #8b7fd81a;margin-bottom:1.5rem;padding:2rem}.qr-actions,.qr-code-container{display:flex;justify-content:center}.qr-actions{gap:1rem}.qr-action-btn{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.qr-action-btn.primary{background:linear-gradient(135deg,#8b7fd8,#b8aee8);box-shadow:0 4px 12px #8b7fd84d;color:#fff}.qr-action-btn.primary:hover{box-shadow:0 6px 16px #8b7fd866;transform:translateY(-2px)}.qr-action-btn.secondary{background:#fff;border:2px solid #8b7fd833;color:#8b7fd8}.qr-action-btn.secondary:hover{background:#8b7fd80d;border-color:#8b7fd866}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:9999px;color:#334155;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;width:36px}.modal-close:hover{background:#e2e8f0;color:#1e293b;transform:scale(1.05)}