:root{--color-primary: #6366f1;--color-primary-dark: #4f46e5;--color-primary-light: #e0e7ff;--color-primary-lighter: #f5f3ff;--color-secondary: #f8fafc;--color-secondary-dark: #e2e8f0;--color-accent: #f59e0b;--color-accent-light: #fef3c7;--color-accent-dark: #d97706;--color-white: #ffffff;--color-gray-25: #fcfcfd;--color-gray-50: #f9fafb;--color-gray-100: #f2f4f7;--color-gray-200: #eaecf0;--color-gray-300: #d0d5dd;--color-gray-400: #98a2b3;--color-gray-500: #667085;--color-gray-600: #475467;--color-gray-700: #344054;--color-gray-800: #1d2939;--color-gray-900: #101828;--color-success: #12b76a;--color-success-light: #d1fadf;--color-success-dark: #039855;--color-warning: #f79009;--color-warning-light: #fef7c3;--color-warning-dark: #dc6803;--color-error: #f04438;--color-error-light: #fef3f2;--color-error-dark: #d92d20;--color-info: #0ba5ec;--color-info-light: #e0f2fe;--color-info-dark: #0284c7;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-1: .125rem;--spacing-2: .25rem;--spacing-3: .375rem;--spacing-4: .5rem;--spacing-5: .625rem;--spacing-6: .75rem;--spacing-8: 1rem;--spacing-10: 1.25rem;--spacing-12: 1.5rem;--spacing-16: 2rem;--spacing-20: 2.5rem;--spacing-24: 3rem;--spacing-32: 4rem;--border-radius-sm: .375rem;--border-radius: .5rem;--border-radius-md: .75rem;--border-radius-lg: 1rem;--border-radius-xl: 1.5rem;--border-radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 10px 10px -5px rgb(0 0 0 / .04);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-2xl: 0 32px 64px -12px rgb(0 0 0 / .35);--shadow-primary: 0 4px 14px 0 rgb(99 102 241 / .25);--shadow-success: 0 4px 14px 0 rgb(18 183 106 / .25);--shadow-warning: 0 4px 14px 0 rgb(247 144 9 / .25);--shadow-error: 0 4px 14px 0 rgb(240 68 56 / .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55)}*{box-sizing:border-box;padding:0;margin:0}html{font-size:16px;scroll-behavior:smooth}:root{--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-500);--color-text-inverse: var(--color-white);--color-background: var(--color-white);--color-background-light: var(--color-gray-25);--color-background-secondary: var(--color-gray-50);--color-border: var(--color-gray-200);--color-border-light: var(--color-gray-100);--color-border-dark: var(--color-gray-300)}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:640px;margin:0 auto;padding:0 var(--spacing-4)}@media (min-width: 768px){.container{padding:0 var(--spacing-8)}}@media (min-width: 700px){body{background:linear-gradient(160deg,var(--color-primary-lighter) 0%,var(--color-background-light) 45%,var(--color-primary-lighter) 100%);background-attachment:fixed}.main-content{padding:var(--spacing-16) 0 var(--spacing-24)}.container{background:var(--color-background);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--spacing-6) 0}.card{background:var(--color-background);border-radius:var(--border-radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);padding:var(--spacing-8);margin-bottom:var(--spacing-6);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);opacity:0;transition:opacity var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border)}.card:hover:before{opacity:1}.card-elevated{box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;min-height:48px;width:100%;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow-sm)!important}.btn-loading-content{display:inline-flex;align-items:center;gap:.5rem}.btn-spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite;flex-shrink:0}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.btn-secondary{background:var(--color-background);color:var(--color-text-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-background-light);border-color:var(--color-border-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-white);box-shadow:var(--shadow-warning)}.btn-accent:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-warning)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:var(--shadow-sm)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-primary)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--color-white);box-shadow:var(--shadow-success)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-success)}.btn-error{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-dark) 100%);color:var(--color-white);box-shadow:var(--shadow-error)}.btn-error:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-error)}.fixed-bottom-buttons{display:flex;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-6);margin-top:var(--spacing-8);background:var(--color-background);border-top:1px solid var(--color-border-light)}.btn-fixed{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;transition:all var(--transition-bounce);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-md)}.btn-back{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:var(--color-white)}.btn-back:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-home{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white)}.btn-home:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-sos-fixed{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-dark) 100%);color:var(--color-white);animation:sosPulse 2s infinite}.btn-sos-fixed:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-error);animation-play-state:paused}@keyframes sosPulse{0%{box-shadow:var(--shadow-xl),var(--shadow-error),0 0 #f04438b3}70%{box-shadow:var(--shadow-xl),var(--shadow-error),0 0 0 20px #f0443800}to{box-shadow:var(--shadow-xl),var(--shadow-error),0 0 #f0443800}}.stepper{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--color-background);border-radius:var(--border-radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.step-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background:var(--color-background-light);color:var(--color-text-tertiary);border:2px solid var(--color-border);transition:all var(--transition-normal);position:relative;z-index:2}.step.active .step-number{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);border-color:var(--color-primary);box-shadow:var(--shadow-primary);transform:scale(1.1)}.step.completed .step-number{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:var(--color-white);border-color:var(--color-success);box-shadow:var(--shadow-success)}.step-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;color:var(--color-text-tertiary);transition:all var(--transition-normal);line-height:var(--line-height-tight)}.step.active .step-label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.step.completed .step-label{color:var(--color-success);font-weight:var(--font-weight-semibold)}.step-connector{position:absolute;top:20px;right:-50%;width:100%;height:2px;background:var(--color-border);transition:all var(--transition-normal);z-index:1}.step-connector.completed{background:linear-gradient(90deg,var(--color-success) 0%,var(--color-success-dark) 100%);box-shadow:var(--shadow-success)}.step-connector.active{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);box-shadow:var(--shadow-primary)}.wizard-stepper{margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--color-background);border-radius:var(--border-radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.wizard-stepper-info{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.wizard-stepper-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.wizard-stepper-count{flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);white-space:nowrap}.wizard-stepper-track{position:relative;width:100%;height:6px;border-radius:var(--border-radius-full);background:var(--color-border-light);overflow:hidden;margin-bottom:var(--spacing-8)}.wizard-stepper-fill{height:100%;border-radius:var(--border-radius-full);background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);transition:width var(--transition-normal)}.wizard-stepper-dots{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2)}.wizard-stepper-dot{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:1;height:6px;min-width:6px;max-width:32px;border:none;border-radius:var(--border-radius-full);background:var(--color-border);padding:0;cursor:default;opacity:1;transition:all var(--transition-normal)}.wizard-stepper-dot.completed{background:var(--color-success);cursor:pointer}.wizard-stepper-dot.active{background:var(--color-primary);transform:scaleY(1.8)}@media (min-width: 640px){.wizard-stepper{padding:var(--spacing-8)}.wizard-stepper-label{font-size:var(--font-size-lg)}}.form-group{margin-bottom:var(--spacing-8)}.form-label{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-4) var(--spacing-5);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-background);color:var(--color-text-primary);transition:all var(--transition-normal);box-shadow:var(--shadow-xs)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-sm),0 0 0 3px var(--color-primary-light);transform:translateY(-1px)}.form-input:hover,.form-textarea:hover,.form-select:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-sm)}.form-textarea{resize:vertical;min-height:120px;line-height:var(--line-height-normal)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary)}.selection-card{background:var(--color-background);border:2px solid var(--color-border-light);border-radius:var(--border-radius-xl);padding:var(--spacing-8);cursor:pointer;transition:all var(--transition-normal);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.selection-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-primary-light) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-normal);z-index:0}.selection-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-primary)}.selection-card:hover:before{opacity:.1}.selection-card.selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-background) 100%);box-shadow:var(--shadow-md),var(--shadow-primary);transform:translateY(-2px)}.selection-card.selected:before{opacity:.2}.selection-card-icon{width:48px;height:48px;margin:0 auto var(--spacing-4);color:var(--color-primary)}.toast{position:fixed;top:var(--spacing-6);right:var(--spacing-6);background:var(--color-background);border-radius:var(--border-radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-xl);padding:var(--spacing-6);z-index:1000;animation:slideInRight .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);gap:var(--spacing-4)}.loading-text{color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.spinner{width:40px;height:40px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;box-shadow:var(--shadow-sm)}.spinner-large{width:60px;height:60px;border-width:4px}.loading-dots{display:flex;gap:var(--spacing-2)}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:loadingDot 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loadingDot{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.empty-state{text-align:center;padding:var(--spacing-20);color:var(--color-text-secondary);background:var(--color-background);border-radius:var(--border-radius-xl);border:2px dashed var(--color-border);margin:var(--spacing-8) 0}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--spacing-8);color:var(--color-text-tertiary);opacity:.6;animation:float 3s ease-in-out infinite}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.empty-state-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:400px;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.animate-slide-up{animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}.hover-lift{transition:all var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:all var(--transition-normal)}.hover-scale:hover{transform:scale(1.05)}@media (max-width: 640px){.container{padding:0 var(--spacing-4)}.card{padding:var(--spacing-6)}.btn{min-height:56px}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-xl)}.hero-description{font-size:var(--font-size-lg)}}.header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-light);padding:var(--spacing-6) 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.header.scrolled{background:rgba(255,255,255,.98);box-shadow:var(--shadow-md)}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-4)}.header-left{display:flex;align-items:center;gap:var(--spacing-3)}.header-right{display:flex;align-items:center}.header-brand{display:flex;align-items:center;gap:var(--spacing-3)}.header-icon{color:var(--color-primary)}.header-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-800);margin:0}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-2)}.breadcrumb-link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-normal)}.breadcrumb-link:hover{color:var(--color-primary-dark)}.breadcrumb-current{color:var(--color-gray-600);font-weight:500}.breadcrumb-separator{color:var(--color-gray-400)}.about-link{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:underline;text-decoration-color:transparent;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md)}.about-link:hover{color:var(--color-primary);text-decoration-color:var(--color-primary);background:var(--color-primary-light)}.action-buttons{display:grid;gap:var(--spacing-8);margin-top:var(--spacing-8);margin-bottom:var(--spacing-16)}.action-card{text-align:center;padding:var(--spacing-10);background:var(--color-background);border-radius:var(--border-radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);opacity:0;transition:opacity var(--transition-normal)}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.action-card:hover:before{opacity:1}.action-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6);position:relative;z-index:1}.action-icon{color:var(--color-primary);transition:all var(--transition-normal)}.action-card:hover .action-icon{transform:scale(1.1)}.action-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.action-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);text-align:center;margin:var(--spacing-4) 0}.action-button{min-width:200px;margin-top:var(--spacing-4)}.emergency-info{margin-top:var(--spacing-8)}.emergency-card{background:linear-gradient(135deg,#ff4757,#ff3742);border:none;color:#fff}.emergency-title{color:#fff;font-weight:700;margin-bottom:var(--spacing-2);text-shadow:0 2px 4px rgba(0,0,0,.5)}.emergency-text{color:#ffffffe6;margin:0;font-weight:500}.secret-dashboard-area{height:60px;margin-top:10px;cursor:pointer;background:transparent;border-radius:8px;transition:background-color .2s ease;position:relative}.secret-dashboard-area:hover{background-color:#00000005}.secret-dashboard-area:active{background-color:#0000000d}.wizard-content{padding:var(--spacing-6) 0}.step-container{max-width:600px;margin:0 auto}.step-header{text-align:center;margin-bottom:var(--spacing-8)}.step-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-4)}.step-description{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:1.6}.selection-grid{display:grid;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.selection-card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-800);margin:0 0 var(--spacing-2) 0}.selection-card-description{font-size:var(--font-size-sm);color:var(--color-gray-600);margin:0}.step-actions{display:flex;justify-content:center;margin-top:var(--spacing-8)}.next-button{min-width:200px}.instructions-content{display:grid;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.urgency-card{background:var(--color-warning-light);border-left:4px solid var(--color-warning)}.urgency-header{display:flex;align-items:center;gap:var(--spacing-3)}.urgency-icon{color:var(--color-warning)}.urgency-title{color:var(--color-warning);font-weight:600;margin:0}.instructions-card{border-left:4px solid var(--color-success)}.dont-do-card{border-left:4px solid var(--color-error)}.instructions-title{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-4)}.check-icon{color:var(--color-success)}.x-icon{color:var(--color-error)}.instructions-list{list-style:none;padding:0;margin:0}.instruction-item{padding:var(--spacing-2) 0;padding-left:var(--spacing-6);position:relative;color:var(--color-gray-700)}.instruction-item:before{content:"•";position:absolute;left:0;color:var(--color-primary);font-weight:700}.dont-do-item:before{color:var(--color-error)}.note-card{background:var(--color-primary-light);border-left:4px solid var(--color-primary)}.note-text{color:var(--color-gray-700);margin:0}.storage-content{display:grid;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.storage-card{text-align:center;padding:var(--spacing-8)}.storage-method{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.storage-icon{color:var(--color-primary)}.storage-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-gray-800);margin:0}.storage-description{font-size:var(--font-size-base);color:var(--color-gray-600);margin:0}.storage-instructions{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.referral-content{display:grid;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.auto-data-card{background:var(--color-gray-50)}.card-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-4)}.auto-data-grid{display:grid;gap:var(--spacing-3)}.data-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-gray-200)}.data-item:last-child{border-bottom:none}.data-label{font-weight:500;color:var(--color-gray-600)}.data-value{color:var(--color-gray-800);font-weight:500}.form-card{padding:var(--spacing-6)}.action-buttons{display:grid;gap:var(--spacing-4)}.action-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.faq-header{margin-bottom:var(--spacing-8)}.faq-hero{text-align:center;margin-bottom:var(--spacing-8)}.faq-icon{color:var(--color-primary);margin-bottom:var(--spacing-4)}.faq-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-4)}.faq-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:1.6}.search-container{position:relative;max-width:400px;margin:0 auto}.search-icon{position:absolute;left:var(--spacing-4);top:50%;transform:translateY(-50%);color:var(--color-gray-400)}.search-input{width:100%;padding:var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-12);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);transition:border-color var(--transition-normal)}.search-input:focus{outline:none;border-color:var(--color-primary)}.ebook-card{padding:var(--spacing-6)}.ebook-content{display:flex;align-items:center;gap:var(--spacing-6)}.ebook-icon{color:var(--color-primary)}.ebook-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-gray-800);margin-bottom:var(--spacing-2)}.ebook-description{color:var(--color-gray-600);margin:0}.faq-content{margin-top:var(--spacing-8)}.faq-list{display:grid;gap:var(--spacing-4)}.faq-item{cursor:pointer;transition:all var(--transition-normal)}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4)}.question-text{font-size:var(--font-size-lg);font-weight:500;color:var(--color-gray-800);margin:0}.expand-icon{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);transition:transform var(--transition-normal)}.faq-answer{padding:0 var(--spacing-4) var(--spacing-4);border-top:1px solid var(--color-gray-200)}.answer-text{color:var(--color-gray-700);line-height:1.6;margin-bottom:var(--spacing-4)}.keywords{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.keywords-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-gray-600)}.keyword-tags{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.keyword-tag{background:var(--color-primary-light);color:var(--color-primary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:500}.ebook-header{margin-bottom:var(--spacing-8)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary);text-decoration:none;font-weight:500;margin-bottom:var(--spacing-6);transition:color var(--transition-normal)}.back-link:hover{color:var(--color-primary-dark)}.ebook-icon{color:var(--color-primary);margin-bottom:var(--spacing-4)}.ebook-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-gray-900);margin-bottom:var(--spacing-4)}.ebook-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);line-height:1.6}.ebook-actions{text-align:center;display:flex;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-6);flex-wrap:wrap}.download-button,.view-button{min-width:180px}.ebook-content{margin-bottom:var(--spacing-8)}.pdf-container{position:relative;min-height:600px;padding:0;overflow:hidden}.pdf-viewer{width:100%;height:600px;border:none}.pdf-fallback,.error-state{text-align:center;padding:var(--spacing-16);color:var(--color-gray-500)}.error-icon{color:var(--color-gray-300);margin-bottom:var(--spacing-6)}.ebook-info{margin-top:var(--spacing-8)}.info-card{padding:var(--spacing-6)}.info-list{list-style:none;padding:0;margin:var(--spacing-4) 0 0 0}.info-list li{padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-700)}.info-list li:last-child{border-bottom:none}@media (max-width: 768px){.header-content{flex-direction:row;align-items:center;justify-content:space-between}.breadcrumbs{align-self:flex-end}.hero-title{font-size:var(--font-size-3xl)}.action-content{gap:var(--spacing-4)}.ebook-content{flex-direction:column;text-align:center}.selection-grid,.storage-content,.action-buttons{grid-template-columns:1fr}.pdf-viewer{height:400px}}@media (min-width: 768px){.selection-grid{grid-template-columns:repeat(2,1fr)}.storage-content,.action-buttons{grid-template-columns:repeat(3,1fr)}}.step-container{max-width:800px;margin:0 auto;padding:var(--spacing-8)}.step-header{text-align:center;margin-bottom:var(--spacing-8);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary) 100%);padding:var(--spacing-6);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg)}.step-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;margin-bottom:var(--spacing-8);box-shadow:var(--shadow-lg)}.step-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.step-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-3);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-4);margin-top:var(--spacing-6)}.selection-card{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);position:relative;overflow:hidden}.selection-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);opacity:0;transition:opacity .3s ease;z-index:0}.selection-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-2xl);border-color:var(--color-primary)}.selection-card:hover:before{opacity:.05}.selection-card.selected{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-light) 0%,#ffffff 100%);box-shadow:var(--shadow-xl)}.card-content{position:relative;z-index:1;padding:var(--spacing-6);text-align:center}.card-content-horizontal{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);text-align:left}.card-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2);flex:1}.icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary) 100%);border-radius:50%;margin-bottom:var(--spacing-6);transition:all .3s ease;flex-shrink:0;overflow:hidden}.icon-wrapper img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.card-content-horizontal .icon-wrapper{margin-bottom:0;width:64px;height:64px}.card-content-horizontal .icon-wrapper img{object-position:center 30%}.selection-card:hover .icon-wrapper{transform:scale(1.1);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.selection-card-icon{color:var(--color-primary);transition:all .3s ease}.selection-card:hover .selection-card-icon{color:#fff}.selection-card-icon.female{color:#ec4899}.selection-card-icon.male{color:#3b82f6}.selection-card-icon.neutral{color:#6b7280}.selection-card-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-4);transition:color .3s ease}.card-content-horizontal .selection-card-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.selection-card-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-6)}.card-content-horizontal .selection-card-description{font-size:var(--font-size-sm);margin-bottom:0}.card-features{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center}.feature-tag{background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent) 100%);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:500;box-shadow:var(--shadow-sm)}.question-section{text-align:center;margin-top:var(--spacing-8)}.question-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.question-description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8);max-width:500px;margin-left:auto;margin-right:auto}.storage-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-top:var(--spacing-6)}.storage-option{cursor:pointer;text-align:center;padding:var(--spacing-4);transition:all .3s ease;border:2px solid transparent}.storage-option:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.storage-icon{color:var(--color-primary);margin-bottom:var(--spacing-4)}.storage-option h4{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-2)}.storage-option p{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.result-content{max-width:600px;margin:0 auto}.result-card{margin-bottom:var(--spacing-8);background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:2px solid var(--color-primary-light)}.result-header{display:flex;align-items:center;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.result-info{flex:1}.result-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.urgency-badge{display:inline-block;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.urgency-badge.error{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff}.urgency-badge.warning{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:#fff}.urgency-badge.info{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff}.result-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6}.data-collection-content{max-width:600px;margin:0 auto}.form-card{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);padding:var(--spacing-8)}.form-group{margin-bottom:var(--spacing-6)}.form-label{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.form-icon{color:var(--color-primary)}.form-input,.form-textarea{width:100%;padding:var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);transition:all .3s ease;background:white}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-textarea{resize:vertical;min-height:120px}.maps-content{max-width:800px;margin:0 auto}.summary-card{background:linear-gradient(135deg,var(--color-primary-light) 0%,#ffffff 100%);margin-bottom:var(--spacing-8);padding:var(--spacing-8)}.summary-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-6);text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-4)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:white;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.summary-label{font-weight:600;color:var(--color-text-secondary)}.summary-value{font-weight:600;color:var(--color-text-primary)}.action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.action-card{text-align:center;padding:var(--spacing-8);transition:all .3s ease}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.action-icon{color:var(--color-primary);margin-bottom:var(--spacing-4)}.action-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-4)}.action-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.emergency-card{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;text-align:center;padding:var(--spacing-8)}.emergency-icon{color:#fff;margin-bottom:var(--spacing-4)}.emergency-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-4)}.emergency-description{margin-bottom:var(--spacing-6);opacity:.9}.step-actions{text-align:center;margin-top:var(--spacing-12)}.continue-button,.finish-button{min-width:200px;padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);font-weight:600}.finish-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;box-shadow:0 4px 12px #2563eb4d;transform:translateY(0);transition:all .3s ease}.finish-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb66;transform:translateY(-2px)}.finish-button:active{transform:translateY(0);box-shadow:0 2px 8px #2563eb4d}@media (max-width: 768px){.step-container{padding:var(--spacing-6)}.selection-grid{grid-template-columns:1fr}.storage-options{grid-template-columns:repeat(2,1fr);gap:var(--spacing-3)}.action-buttons,.summary-grid{grid-template-columns:1fr}.step-title{font-size:var(--font-size-2xl)}.result-header{flex-direction:column;text-align:center}}.result-icon.success{color:var(--color-success)}.result-icon.warning{color:var(--color-warning)}.result-icon.error{color:var(--color-error)}.result-icon.info{color:var(--color-info)}.final-alert{background:var(--color-warning-light);border-left:4px solid var(--color-warning);margin-bottom:var(--spacing-8)}.alert-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-lg);font-weight:600;color:var(--color-warning-dark);margin-bottom:var(--spacing-4)}.alert-icon{color:var(--color-warning)}.alert-message{font-size:var(--font-size-base);color:var(--color-warning-dark);line-height:1.6}.button-group{display:flex;flex-direction:column;gap:var(--spacing-4);margin-top:var(--spacing-8)}.response-button{min-height:60px;font-size:var(--font-size-lg)}.selection-card-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.selection-card:hover .selection-card-image{transform:scale(1.05);box-shadow:0 8px 24px #00000026}.storage-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.storage-option:hover .storage-image{transform:scale(1.1);box-shadow:0 4px 16px #00000026}.emergency-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:all .3s ease}.emergency-card:hover .emergency-image{transform:scale(1.05);box-shadow:0 8px 24px #00000026}.action-image{transition:all .3s ease}.action-card:hover .action-image{transform:scale(1.05)}.pdf-viewer-container{margin-top:var(--spacing-6)}.pdf-card{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 4px 16px #0000001a}.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--color-text-secondary)}.pdf-loading .loading-icon{margin-bottom:var(--spacing-3);animation:spin 1s linear infinite}.pdf-loading p{font-size:var(--font-size-base);margin:0}.pdf-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6);text-align:center;color:var(--color-text-secondary)}.pdf-error p{font-size:var(--font-size-base);margin-bottom:var(--spacing-4);line-height:1.5}.download-fallback{display:flex;align-items:center;gap:var(--spacing-2)}.pdf-content{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-4)}.react-pdf__Document{display:flex;flex-direction:column;align-items:center;width:100%}.react-pdf__Page{margin-bottom:var(--spacing-4);box-shadow:0 4px 16px #00000026;border-radius:var(--border-radius);overflow:hidden}.react-pdf__Page__canvas{display:block;max-width:100%;height:auto}.pdf-navigation{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-4);background:var(--color-background-light);border-top:1px solid var(--color-border)}.page-info{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.page-controls{display:flex;gap:var(--spacing-3)}.page-button{min-width:80px}.page-button:disabled{opacity:.5;cursor:not-allowed}.ebook-header{margin-bottom:var(--spacing-6);padding-top:var(--spacing-8)}.ebook-summary{margin-bottom:var(--spacing-8)}.summary-card{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-background) 100%);border:2px solid var(--color-primary)}.summary-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--color-primary-light)}.summary-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50%;color:#fff;box-shadow:0 4px 12px #3b82f64d}.summary-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0}.summary-content{display:grid;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.summary-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);background:white;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:all .3s ease}.summary-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);flex-shrink:0}.summary-item-content{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.summary-item-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.summary-item-value{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);line-height:1.4}.summary-description{padding:var(--spacing-4);background:white;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.summary-description p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin:0;text-align:justify}@media (max-width: 768px){.summary-header{flex-direction:column;text-align:center;gap:var(--spacing-3)}.summary-icon{width:40px;height:40px}.summary-title{font-size:var(--font-size-lg)}.summary-item{padding:var(--spacing-2)}.summary-item-icon{width:28px;height:28px}.summary-item-label{font-size:var(--font-size-xs)}.summary-item-value{font-size:var(--font-size-sm)}.summary-description{padding:var(--spacing-3)}.summary-description p{font-size:var(--font-size-sm)}}.ebook-hero{text-align:center;margin-bottom:var(--spacing-6)}.ebook-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50%;margin:0 auto var(--spacing-4);color:#fff;box-shadow:0 4px 16px #3b82f64d}.ebook-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.ebook-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-4)}.ebook-actions{display:flex;justify-content:center}.download-button{display:flex;align-items:center;gap:var(--spacing-2);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark))!important;color:#fff!important;border:none!important;font-weight:600!important;box-shadow:0 4px 16px #3b82f64d!important}.download-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #3b82f666!important}@media (max-width: 768px){.pdf-content{padding:var(--spacing-3)}.react-pdf__Page{margin-bottom:var(--spacing-3)}.pdf-navigation{padding:var(--spacing-3);gap:var(--spacing-2)}.page-controls{gap:var(--spacing-2)}.page-button{min-width:70px;font-size:var(--font-size-xs)}.ebook-title{font-size:var(--font-size-xl)}.ebook-subtitle{font-size:var(--font-size-sm)}.ebook-icon{width:64px;height:64px}.pdf-loading,.pdf-error{padding:var(--spacing-6)}.pdf-loading p,.pdf-error p{font-size:var(--font-size-sm)}}.install-pwa-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;z-index:1000;box-shadow:0 -4px 16px #00000026;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.install-content{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);max-width:480px;margin:0 auto}.install-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:50%;flex-shrink:0}.install-text{flex:1}.install-title{font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-1) 0;line-height:1.2}.install-description{font-size:var(--font-size-sm);margin:0;opacity:.9;line-height:1.4}.install-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.install-button{background:white!important;color:var(--color-primary)!important;border:none!important;font-weight:600!important}.install-button:hover{background:rgba(255,255,255,.9)!important;transform:scale(1.05)!important}.dismiss-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(255,255,255,.2);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease}.dismiss-button:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}@media (max-width: 768px){.install-content{padding:var(--spacing-3);gap:var(--spacing-2)}.install-icon{width:36px;height:36px}.install-title{font-size:var(--font-size-sm)}.install-description{font-size:var(--font-size-xs)}.install-actions{gap:var(--spacing-1)}.install-button{font-size:var(--font-size-xs)!important;padding:var(--spacing-2) var(--spacing-3)!important}.dismiss-button{width:28px;height:28px}}.loading-icon{animation:spin 1s linear infinite;margin-right:var(--spacing-2)}.action-button:disabled{opacity:.7;cursor:not-allowed}.action-button:disabled:hover{transform:none}.step-icon-image{transition:all .3s ease}.step-header:hover .step-icon-image{transform:scale(1.05)}.stepper{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-light) 100%);border-radius:var(--border-radius-lg);border:2px solid var(--color-border);box-shadow:0 4px 16px #0000000d}.step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);position:relative;flex:1;max-width:120px}.step-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:600;font-size:var(--font-size-sm);transition:all .3s ease;border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary)}.step-number.completed{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 2px 8px #10b9814d}.step-number.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #3b82f666;transform:scale(1.1)}.step-number.future{background:var(--color-background);border-color:var(--color-border);color:var(--color-text-secondary)}.step-label{font-size:var(--font-size-xs);font-weight:500;text-align:center;transition:all .3s ease;color:var(--color-text-secondary);line-height:1.2}.step-label.completed{color:#10b981;font-weight:600}.step-label.active{color:var(--color-primary);font-weight:600}.step-label.future{color:var(--color-text-secondary)}.step.clickable{cursor:pointer;transition:all var(--transition-normal)}.step.clickable:hover{transform:translateY(-2px)}.step.clickable:hover .step-number{transform:scale(1.1);box-shadow:var(--shadow-md)}.step.clickable:hover .step-label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.step-connector{position:absolute;top:16px;right:-50%;width:100%;height:2px;background:var(--color-border);transition:all .3s ease;z-index:0}.step-connector.completed{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 1px 4px #10b9814d}.step-connector.active{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));box-shadow:0 1px 4px #3b82f64d}@media (max-width: 768px){.stepper{gap:var(--spacing-1);padding:var(--spacing-3)}.step{max-width:80px}.step-number{width:28px;height:28px;font-size:var(--font-size-xs)}.step-label{font-size:10px}.step-connector{top:14px}}.back-arrow-container{position:fixed;top:var(--spacing-4);left:var(--spacing-4);z-index:1000}.back-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.95);border:1px solid var(--color-border);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.back-arrow:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);transform:scale(1.1)}.faq-image{transition:all .3s ease}.faq-hero:hover .faq-image{transform:scale(1.05)}.ebook-image{transition:all .3s ease}.ebook-card:hover .ebook-image{transform:scale(1.05)}.search-section{margin-bottom:var(--spacing-6)}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-3);color:var(--color-text-secondary);z-index:1}.search-input{width:100%;padding:var(--spacing-3) calc(var(--spacing-3) * 2 + 32px) var(--spacing-3) calc(var(--spacing-3) * 2 + 16px);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);background:var(--color-background);transition:all .3s ease;height:44px}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.search-lupa{position:absolute;right:var(--spacing-2);display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;z-index:2}.search-lupa:hover{background:var(--color-primary-dark);transform:scale(1.1)}.faq-header{margin-bottom:var(--spacing-6);padding-top:var(--spacing-8)}.faq-hero{text-align:center;margin-bottom:var(--spacing-6)}.faq-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.faq-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.ebook-link{margin-bottom:var(--spacing-6)}.ebook-card{background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-light) 100%);border:2px solid var(--color-border);transition:all .3s ease}.ebook-card:hover{border-color:var(--color-primary);box-shadow:0 8px 32px #0000001a}.ebook-content{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4)}.ebook-text{flex:1}.ebook-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.ebook-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.faq-item{border:2px solid var(--color-border);transition:all .3s ease}.faq-item:hover{border-color:var(--color-primary);box-shadow:0 4px 16px #0000001a}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);cursor:pointer;transition:all .3s ease}.faq-question:hover{background:var(--color-background-light)}.question-text{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);margin:0;flex:1;padding-right:var(--spacing-3)}.expand-icon{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);transition:all .3s ease}.faq-answer{padding:0 var(--spacing-4) var(--spacing-4);border-top:1px solid var(--color-border)}.answer-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-3)}.keywords{display:flex;flex-direction:column;gap:var(--spacing-2)}.keywords-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.keyword-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.keyword-tag{background:var(--color-primary-light);color:var(--color-primary);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500}.empty-state{text-align:center;padding:var(--spacing-8);color:var(--color-text-secondary)}.empty-state-icon{margin-bottom:var(--spacing-4);opacity:.5}.empty-state-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-2)}.empty-state-description{font-size:var(--font-size-base);line-height:1.5}.form-help-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-4);line-height:1.4}.photo-upload-buttons{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.photo-button{flex:1;min-height:48px}.photo-preview{margin-top:var(--spacing-6)}.photo-preview-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-3)}.photo-item{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.photo-thumbnail{width:100%;height:80px;object-fit:cover;display:block}.photo-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .3s ease}.photo-remove:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.photos-section{margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-border)}.photos-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--spacing-3)}.photo-thumbnail-container{cursor:pointer;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease}.photo-thumbnail-container:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.photo-thumbnail-container .photo-thumbnail{width:100%;height:60px;object-fit:cover;display:block}.download-card{margin-bottom:var(--spacing-8);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-background) 100%);border:2px solid var(--color-primary)}.download-content{display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-6)}.download-icon{color:var(--color-primary);flex-shrink:0}.download-text{flex:1}.download-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.download-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.download-button{flex-shrink:0;min-width:160px}.photo-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-4)}.photo-modal-content{position:relative;max-width:90vw;max-height:90vh;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-2xl)}.photo-modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:40px;height:40px;background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease}.photo-modal-close:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.photo-modal-image{width:100%;height:auto;max-height:90vh;object-fit:contain;display:block}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.confirm-modal-content{background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border-radius:20px;max-width:400px;width:100%;position:relative;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff1a;animation:confirmModalSlideIn .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes confirmModalSlideIn{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-modal-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.9);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#64748b;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirm-modal-close:hover{background:white;color:#334155;transform:scale(1.1);box-shadow:0 4px 12px #0000001a}.confirm-modal-header{padding:32px 24px 16px;text-align:center;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);color:#fff;position:relative}.confirm-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.confirm-modal-icon{margin-bottom:16px;display:flex;justify-content:center}.confirm-modal-icon svg{width:48px;height:48px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.confirm-modal-title{font-size:1.5rem;font-weight:700;margin:0;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.confirm-modal-body{padding:24px;text-align:center}.confirm-modal-message{font-size:1rem;line-height:1.6;color:#475569;margin:0;font-weight:400}.confirm-modal-actions{padding:0 24px 24px;display:flex;gap:12px;justify-content:center}.confirm-modal-cancel{flex:1;max-width:140px;background:#f1f5f9;border:2px solid #e2e8f0;color:#64748b;font-weight:600;transition:all .2s ease}.confirm-modal-cancel:hover{background:#e2e8f0;border-color:#cbd5e1;color:#475569;transform:translateY(-1px)}.confirm-modal-confirm{flex:1;max-width:140px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;color:#fff;font-weight:600;box-shadow:0 4px 12px #ef44444d;transition:all .2s ease}.confirm-modal-confirm:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}@media (max-width: 768px){.back-arrow-container{top:var(--spacing-3);left:var(--spacing-3)}.back-arrow{width:36px;height:36px}.faq-title{font-size:var(--font-size-xl)}.faq-subtitle{font-size:var(--font-size-sm)}.ebook-content{flex-direction:column;text-align:center;gap:var(--spacing-3)}.ebook-text{text-align:center}.faq-question{padding:var(--spacing-3)}.question-text{font-size:var(--font-size-sm)}.faq-answer{padding:0 var(--spacing-3) var(--spacing-3)}.answer-text{font-size:var(--font-size-xs)}.photo-upload-buttons{flex-direction:column;gap:var(--spacing-3)}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.download-content{flex-direction:column;text-align:center;gap:var(--spacing-4)}.download-button{width:100%}.photo-modal-content{max-width:95vw;max-height:95vh}.photo-modal-close{top:var(--spacing-2);right:var(--spacing-2);width:36px;height:36px}}.about-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);animation:fadeIn .3s ease}.about-modal-content{background:white;border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-2xl);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}.about-modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:var(--color-gray-100);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-gray-600);transition:all .2s ease;z-index:10}.about-modal-close:hover{background:var(--color-gray-200);color:var(--color-gray-800);transform:scale(1.1)}.about-modal-header{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-background) 100%);padding:var(--spacing-8);text-align:center;border-radius:var(--border-radius-2xl) var(--border-radius-2xl) 0 0;position:relative}.about-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');border-radius:var(--border-radius-2xl) var(--border-radius-2xl) 0 0}.about-modal-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:50%;color:#fff;margin-bottom:var(--spacing-4);box-shadow:0 8px 24px #3b82f64d;position:relative;z-index:1}.about-modal-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0;position:relative;z-index:1}.about-modal-body{padding:var(--spacing-8)}.about-info-grid{display:grid;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.about-info-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200);transition:all .3s ease}.about-info-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary-light)}.about-info-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary-light);border-radius:50%;color:var(--color-primary);flex-shrink:0}.about-info-content{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.about-info-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.about-info-value{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.about-description{margin-bottom:var(--spacing-6)}.about-description p{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-3)}.about-footer{text-align:center;padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--color-gray-200)}.about-credits{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.heart-icon{color:var(--color-error);animation:heartbeat 2s infinite}.about-modal-actions{padding:var(--spacing-6) var(--spacing-8);border-top:1px solid var(--color-gray-200);display:flex;justify-content:center}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-modal-content{max-width:95vw;margin:var(--spacing-4)}.about-modal-header{padding:var(--spacing-6)}.about-modal-icon{width:48px;height:48px}.about-modal-title{font-size:var(--font-size-xl)}.about-modal-body{padding:var(--spacing-6)}.about-info-item{padding:var(--spacing-3)}.about-info-icon{width:32px;height:32px}.about-info-label{font-size:var(--font-size-xs)}.about-info-value,.about-description p{font-size:var(--font-size-sm)}.about-credits{font-size:var(--font-size-xs)}}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236366f1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.form-select option{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-background)}.form-select option:hover{background:var(--color-primary-light)}#timeRange{font-weight:var(--font-weight-medium)}#timeRange option:first-child{color:var(--color-text-tertiary);font-style:italic}@media (max-width: 768px){.form-select{font-size:var(--font-size-base);padding:var(--spacing-4) var(--spacing-5);background-size:14px;background-position:right 10px center}.form-select option{font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-3)}}.storage-alert-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);animation:fadeIn .3s ease-out}.storage-alert-modal-content{background:var(--color-white);border-radius:var(--border-radius-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-2xl);animation:slideUp .3s ease-out}.storage-alert-modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-full);transition:all var(--transition-normal);z-index:10}.storage-alert-modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.storage-alert-modal-header{padding:var(--spacing-8) var(--spacing-8) var(--spacing-6);text-align:center;border-bottom:1px solid var(--color-gray-200);background:linear-gradient(135deg,var(--color-error-light) 0%,var(--color-white) 100%);border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0}.storage-alert-modal-icon{color:var(--color-error);margin-bottom:var(--spacing-4);animation:pulse 2s infinite}.storage-alert-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-error-dark);margin-bottom:var(--spacing-3);line-height:var(--line-height-tight)}.storage-alert-modal-urgency{display:inline-block;background:var(--color-error);color:var(--color-white);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;animation:pulse 1.5s infinite}.storage-alert-modal-body{padding:var(--spacing-6) var(--spacing-8)}.storage-alert-modal-message{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--spacing-6);line-height:var(--line-height-normal);font-weight:var(--font-weight-medium)}.storage-alert-modal-instructions{background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--border-radius-lg);padding:var(--spacing-5);margin-bottom:var(--spacing-6)}.storage-alert-modal-instructions h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-warning-dark);margin-bottom:var(--spacing-4)}.storage-alert-modal-instruction{font-size:var(--font-size-base);color:var(--color-text-primary);margin-bottom:var(--spacing-3);padding-left:var(--spacing-4);position:relative;line-height:var(--line-height-normal)}.storage-alert-modal-instruction:last-child{margin-bottom:0}.storage-alert-modal-warning{display:flex;align-items:flex-start;gap:var(--spacing-3);background:var(--color-info-light);border:1px solid var(--color-info);border-radius:var(--border-radius-lg);padding:var(--spacing-4);color:var(--color-info-dark)}.storage-alert-modal-warning p{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0;line-height:var(--line-height-normal)}.storage-alert-modal-actions{padding:var(--spacing-6) var(--spacing-8) var(--spacing-8);border-top:1px solid var(--color-gray-200);text-align:center}.storage-alert-modal-continue{width:100%;background:var(--color-error)!important;border-color:var(--color-error)!important;color:var(--color-white)!important;font-weight:var(--font-weight-bold)!important;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-normal)}.storage-alert-modal-continue:hover{background:var(--color-error-dark)!important;border-color:var(--color-error-dark)!important;transform:translateY(-2px);box-shadow:var(--shadow-lg)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@media (max-width: 768px){.storage-alert-modal-content{max-width:95vw;margin:var(--spacing-4)}.storage-alert-modal-header{padding:var(--spacing-6) var(--spacing-6) var(--spacing-4)}.storage-alert-modal-title{font-size:var(--font-size-lg)}.storage-alert-modal-body{padding:var(--spacing-4) var(--spacing-6)}.storage-alert-modal-instructions{padding:var(--spacing-4)}.storage-alert-modal-instruction{font-size:var(--font-size-sm)}.storage-alert-modal-actions{padding:var(--spacing-4) var(--spacing-6) var(--spacing-6)}}.storage-alert-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.storage-alert-modal-content{background:white;border-radius:var(--border-radius-xl);padding:var(--spacing-8);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-2xl);border:3px solid var(--color-success)}.storage-alert-modal-content.incorrect{border-color:var(--color-error)}.storage-alert-modal-content.incorrect .storage-alert-modal-instructions{background:var(--color-error-light)}.storage-alert-modal-content.incorrect .storage-alert-modal-instructions h4,.storage-alert-modal-content.incorrect .storage-alert-modal-instruction{color:var(--color-error-dark)}.storage-alert-modal-content.incorrect .storage-alert-modal-instruction:before{color:var(--color-error)}.storage-alert-modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--color-text-secondary);padding:var(--spacing-2);border-radius:var(--border-radius-full);transition:all .3s ease}.storage-alert-modal-close:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.storage-alert-modal-header{text-align:center;margin-bottom:var(--spacing-6)}.storage-alert-modal-icon{margin-bottom:var(--spacing-4);display:flex;justify-content:center}.storage-alert-modal-icon svg{color:var(--color-success);animation:pulse 2s infinite}.storage-alert-modal-icon svg.warning{color:var(--color-warning)}.storage-alert-modal-icon svg.error{color:var(--color-error)}.storage-alert-modal-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-3);line-height:1.3}.storage-alert-modal-urgency{display:inline-block;background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);color:#fff;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.storage-alert-modal-urgency.emergency{background:linear-gradient(135deg,var(--color-error) 0%,#dc2626 100%)}.storage-alert-modal-urgency.urgent{background:linear-gradient(135deg,var(--color-warning) 0%,#d97706 100%)}.storage-alert-modal-body{margin-bottom:var(--spacing-6)}.storage-alert-modal-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-6);text-align:center}.storage-alert-modal-instructions{background:var(--color-success-light);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.storage-alert-modal-instructions h4{font-size:var(--font-size-lg);font-weight:600;color:var(--color-success-dark);margin-bottom:var(--spacing-4);text-align:center}.storage-alert-modal-instructions ul{list-style:none;padding:0;margin:0}.storage-alert-modal-instruction{font-size:var(--font-size-base);color:var(--color-success-dark);line-height:1.6;margin-bottom:var(--spacing-3);padding-left:var(--spacing-4);position:relative}.storage-alert-modal-instruction:before{content:"•";position:absolute;left:0;color:var(--color-success);font-weight:700}.storage-alert-modal-warning{background:var(--color-info-light);border-radius:var(--border-radius-lg);padding:var(--spacing-4);display:flex;align-items:flex-start;gap:var(--spacing-3)}.storage-alert-modal-warning svg{color:var(--color-info);margin-top:2px;flex-shrink:0}.storage-alert-modal-warning p{font-size:var(--font-size-sm);color:var(--color-info-dark);line-height:1.5;margin:0}.storage-alert-modal-actions{text-align:center}.storage-alert-modal-continue{min-width:200px;padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);font-weight:600}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.storage-alert-modal-overlay{padding:var(--spacing-2)}.storage-alert-modal-content{padding:var(--spacing-6);max-height:95vh}.storage-alert-modal-title{font-size:var(--font-size-lg)}.storage-alert-modal-message{font-size:var(--font-size-base)}.storage-alert-modal-instructions{padding:var(--spacing-4)}.storage-alert-modal-instruction{font-size:var(--font-size-sm)}}.pdf-loading{text-align:center;padding:var(--spacing-8)}.loading-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-2)}.pdf-error{text-align:center;padding:var(--spacing-8)}.pdf-error p{margin-bottom:var(--spacing-4);color:var(--color-error);font-weight:500}.download-fallback,.open-new-tab{margin:var(--spacing-2)}.open-new-tab{background:var(--color-secondary);color:var(--color-secondary-dark);border-color:var(--color-secondary)}.open-new-tab:hover{background:var(--color-secondary-dark);color:#fff}.ios-install-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.ios-install-modal{background:white;border-radius:var(--border-radius-xl);padding:var(--spacing-8);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-2xl)}.ios-install-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--color-gray-100)}.ios-install-modal-header h3{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0}.ios-modal-close{background:none;border:none;font-size:var(--font-size-xl);cursor:pointer;color:var(--color-text-secondary);padding:var(--spacing-2);border-radius:var(--border-radius-full);transition:all .3s ease}.ios-modal-close:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.ios-install-steps{margin-bottom:var(--spacing-6)}.ios-step{display:flex;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4);background:var(--color-gray-50);border-radius:var(--border-radius-lg);border-left:4px solid var(--color-primary)}.ios-step-icon{color:var(--color-primary);flex-shrink:0;margin-top:2px}.ios-step-content h4{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0}.ios-step-content p{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;line-height:1.5}.ios-install-note{background:var(--color-info-light);border-radius:var(--border-radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6);border-left:4px solid var(--color-info)}.ios-install-note p{font-size:var(--font-size-sm);color:var(--color-info-dark);margin:0;line-height:1.5}.ios-install-actions{text-align:center}.ios-install-close-btn{min-width:150px}@media (max-width: 768px){.ios-install-modal-overlay{padding:var(--spacing-2)}.ios-install-modal{padding:var(--spacing-6);max-height:95vh}.ios-install-modal-header h3{font-size:var(--font-size-lg)}.ios-step{padding:var(--spacing-3)}.ios-step-content h4{font-size:var(--font-size-base)}.ios-step-content p{font-size:var(--font-size-sm)}}.hamburger-button{background:none;border:none;color:var(--color-text);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius);transition:background-color .2s ease}.hamburger-button:hover{background-color:var(--color-background-secondary)}.hamburger-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--spacing-4)}.hamburger-menu{background:var(--color-background);border-radius:var(--border-radius);box-shadow:0 8px 32px #0000004d;width:280px;max-width:90vw;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.hamburger-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.hamburger-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.hamburger-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-sm);transition:background-color .2s ease}.hamburger-close:hover{background-color:var(--color-background-secondary)}.hamburger-items{padding:var(--spacing-2)}.hamburger-item{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);background:none;border:none;color:var(--color-text);cursor:pointer;border-radius:var(--border-radius);transition:background-color .2s ease;text-align:left}.hamburger-item:hover{background-color:var(--color-background-secondary)}.hamburger-item span{font-size:var(--font-size-base);font-weight:500}.emergency-checklist-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1001;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.emergency-checklist{background:var(--color-background);border-radius:var(--border-radius);box-shadow:0 16px 48px #0006;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.emergency-checklist-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--color-border)}.emergency-checklist-title{display:flex;align-items:center;gap:var(--spacing-3)}.emergency-checklist-title h3{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-error)}.emergency-icon{color:var(--color-error)}.emergency-checklist-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--border-radius-sm);transition:background-color .2s ease}.emergency-checklist-close:hover{background-color:var(--color-background-secondary)}.emergency-checklist-content{padding:var(--spacing-6)}.emergency-progress{margin-bottom:var(--spacing-6)}.progress-bar{width:100%;height:8px;background:var(--color-gray-200);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-error),var(--color-warning));transition:width .3s ease}.progress-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.emergency-question{margin-bottom:var(--spacing-6)}.question-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-4) 0;line-height:1.4}.question-options{display:flex;flex-direction:column;gap:var(--spacing-3)}.question-option{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-background-secondary);border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.question-option:hover{border-color:var(--color-primary);background:var(--color-background);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.option-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-sm);background:var(--color-primary-light);color:var(--color-primary);flex-shrink:0}.option-text{font-size:var(--font-size-base);font-weight:500;color:var(--color-text)}.emergency-warning{background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--border-radius);padding:var(--spacing-4);margin-top:var(--spacing-4)}.emergency-warning p{margin:0;font-size:var(--font-size-sm);color:var(--color-warning-dark);line-height:1.4}.emergency-navigation{display:flex;justify-content:flex-start;margin-top:var(--spacing-6);margin-bottom:var(--spacing-4)}.emergency-back-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.emergency-back-button:hover{background:var(--color-gray-200);border-color:var(--color-gray-400);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.emergency-checklist-options{display:flex;flex-direction:column;gap:var(--spacing-4)}.emergency-option{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-background-secondary);border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;text-align:left}.emergency-option:hover{border-color:var(--color-primary);background:var(--color-background);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.emergency-option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius);flex-shrink:0}.dental-option .emergency-option-icon{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff}.hospital-option .emergency-option-icon{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff}.emergency-option-content{flex:1}.emergency-option-content h4{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-lg);font-weight:600}.emergency-option-content p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.emergency-option-check{color:var(--color-primary);opacity:0;transition:opacity .2s ease}.emergency-option:hover .emergency-option-check{opacity:1}.home-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--color-border);background:var(--color-background)}.trauma-card{max-width:400px;margin:0 auto}.trauma-image{width:100px!important;height:100px!important;object-fit:cover;border-radius:12px;margin-bottom:var(--spacing-4)}.emergency-button{margin-top:var(--spacing-4);background:linear-gradient(135deg,#ff4757,#ff3742);border:none;color:#fff;font-weight:600;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.3)}.emergency-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff475766}@media (max-width: 768px){.hamburger-menu{width:100%;max-width:300px}.emergency-checklist{margin:var(--spacing-4);max-width:calc(100% - 2 * var(--spacing-4))}.emergency-option{padding:var(--spacing-3)}.emergency-option-icon{width:40px;height:40px}.trauma-image{width:64px!important;height:64px!important}}.baby-tooth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.baby-tooth-modal-content{background:white;border-radius:16px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;position:relative}.baby-tooth-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.baby-tooth-modal-close:hover{background-color:#f0f0f0}.baby-tooth-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-right:40px}.baby-tooth-modal-icon{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.baby-tooth-modal-title{font-size:20px;font-weight:700;color:#333;margin:0}.baby-tooth-modal-body{margin-bottom:24px}.baby-tooth-alert{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.alert-icon{color:#856404;flex-shrink:0}.baby-tooth-alert h3{margin:0;color:#856404;font-size:16px;font-weight:600}.baby-tooth-info p{margin-bottom:16px;line-height:1.6;color:#333}.baby-tooth-actions{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:16px}.baby-tooth-actions h4{margin:0 0 12px;color:#495057;font-size:14px;font-weight:600}.baby-tooth-actions ul{margin:0;padding-left:20px}.baby-tooth-actions li{margin-bottom:8px;color:#495057;line-height:1.4}.baby-tooth-modal-actions{display:flex;justify-content:center}.unknown-tooth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.unknown-tooth-modal-content{background:white;border-radius:16px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;position:relative}.unknown-tooth-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.unknown-tooth-modal-close:hover{background-color:#f0f0f0}.unknown-tooth-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-right:40px}.unknown-tooth-modal-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.unknown-tooth-modal-title{font-size:20px;font-weight:700;color:#333;margin:0}.unknown-tooth-modal-body{margin-bottom:24px}.unknown-tooth-alert{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.unknown-tooth-alert h3{margin:0;color:#1e40af;font-size:16px;font-weight:600}.unknown-tooth-info p{margin-bottom:16px;line-height:1.6;color:#333}.unknown-tooth-actions{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:16px}.unknown-tooth-actions h4{margin:0 0 12px;color:#495057;font-size:14px;font-weight:600}.unknown-tooth-actions ul{margin:0;padding-left:20px}.unknown-tooth-actions li{margin-bottom:8px;color:#495057;line-height:1.4}.unknown-tooth-modal-actions{display:flex;justify-content:center}.dashboard{padding:20px;max-width:1400px;margin:0 auto;background:#f8f9fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:white;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e9ecef}.dashboard-title h1{margin:0 0 5px;color:#2c3e50;font-size:28px;font-weight:700}.dashboard-title p{margin:0;color:#7f8c8d;font-size:16px}.dashboard-actions{display:flex;gap:10px}.refresh-button,.export-button{display:flex;align-items:center;gap:8px}.dashboard-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:30px;border-radius:20px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.dashboard-filters:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.filter-group{display:flex;flex-direction:column;gap:12px;min-width:0}.filter-group label{font-weight:700;color:#2d3748;font-size:15px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-inputs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-inputs input{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;min-width:140px;flex:1;transition:all .3s ease;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.date-inputs input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26;transform:translateY(-2px);background:rgba(255,255,255,1)}.date-inputs span{color:#7f8c8d;font-size:14px;white-space:nowrap}.date-inputs input.input-error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e26}.date-error-msg{display:block;margin-top:6px;color:#e53e3e;font-size:13px}.checkbox-group{display:flex;flex-direction:column;gap:10px}.checkbox-label{display:flex;align-items:center;gap:12px;font-size:14px;color:#2d3748;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease;background:rgba(255,255,255,.5);border:1px solid transparent}.checkbox-label:hover{background:rgba(102,126,234,.1);border-color:#667eea4d;transform:translate(4px)}.checkbox-label input[type=checkbox]{width:20px;height:20px;margin:0;accent-color:#667eea;cursor:pointer;border-radius:4px;transition:all .3s ease}.checkbox-label input[type=checkbox]:checked{transform:scale(1.1)}.filter-group select{padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:120px;transition:all .3s ease;cursor:pointer}.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea26;transform:translateY(-2px);background:rgba(255,255,255,1)}.dashboard-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:white;padding:25px;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e9ecef;display:flex;align-items:center;gap:15px;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.summary-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.summary-content h3{margin:0 0 5px;font-size:14px;color:#7f8c8d;font-weight:500}.summary-number{margin:0;font-size:28px;font-weight:700;color:#2c3e50}.summary-text{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:20px;margin-bottom:30px}.chart-container{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:30px;border-radius:20px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .4s ease}.chart-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transform:scaleX(0);transition:transform .3s ease}.chart-container:hover:before{transform:scaleX(1)}.chart-container:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026;background:rgba(255,255,255,.98)}.chart-container h3{margin:0 0 25px;color:#2d3748;font-size:20px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.dashboard-table{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:30px;border-radius:20px;box-shadow:0 15px 35px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden;transition:all .4s ease}.dashboard-table:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb)}.dashboard-table h3{margin:0 0 20px;color:#2c3e50;font-size:18px;font-weight:600}.table-container{overflow-x:auto}.dashboard-table table{width:100%;border-collapse:collapse;font-size:14px}.dashboard-table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #e9ecef}.dashboard-table td{padding:12px;border-bottom:1px solid #e9ecef;color:#2c3e50}.dashboard-table tr:hover{background:#f8f9fa}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.incomplete{background:#f8d7da;color:#721c24}@media (max-width: 768px){.dashboard{padding:10px}.dashboard-header{flex-direction:column;gap:15px;text-align:center}.dashboard-filters{grid-template-columns:1fr;gap:20px;padding:20px}.dashboard-summary{grid-template-columns:repeat(2,1fr)}.dashboard-charts{grid-template-columns:1fr}.summary-card{flex-direction:column;text-align:center}.date-inputs{flex-direction:column;align-items:stretch;gap:8px}.date-inputs input{min-width:auto;width:100%}.filter-group{gap:10px}.checkbox-group{gap:8px}}.privacy-consent-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.privacy-consent-modal{background:white;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.privacy-consent-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:24px;border-radius:16px 16px 0 0;text-align:center}.privacy-consent-header h2{margin:12px 0 0;font-size:24px;font-weight:600}.privacy-icon{color:#fff}.privacy-consent-content{padding:24px}.privacy-compact,.privacy-full{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ver-mais-button,.ver-menos-button{width:100%;margin-top:20px;padding:12px 24px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.ver-mais-button:hover,.ver-menos-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.ver-mais-button:active,.ver-menos-button:active{transform:translateY(0)}.privacy-section{margin-bottom:24px}.privacy-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:8px}.privacy-section p{color:#666;line-height:1.6;margin-bottom:12px}.privacy-section ul{list-style:none;padding:0;margin:0}.privacy-section li{color:#666;line-height:1.6;margin-bottom:8px;padding-left:20px;position:relative}.privacy-section li:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:0}.privacy-notice{background:#f8f9ff;border:1px solid #e3e8ff;border-radius:8px;padding:16px;margin:24px 0;display:flex;align-items:flex-start;gap:12px}.privacy-notice p{margin:0;color:#555;font-size:14px;line-height:1.5}.privacy-consent-actions{padding:24px;border-top:1px solid #eee;background:#f9f9f9;border-radius:0 0 16px 16px}.privacy-checkbox{display:flex;align-items:center;gap:12px;margin-bottom:20px;cursor:pointer;color:#555;font-weight:500}.privacy-checkbox input[type=checkbox]{width:20px;height:20px;accent-color:#667eea}.privacy-buttons{display:flex;gap:12px;justify-content:flex-end}.decline-button{background:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.decline-button:hover{background:#e9ecef}.accept-button:disabled{opacity:.6;cursor:not-allowed}.secret-clickable{transition:all .3s ease;position:relative}.secret-clickable:hover{transform:scale(1.02);opacity:.8}.secret-clickable:active{transform:scale(.98)}.secret-message{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;animation:fadeInUp .5s ease;z-index:10}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.privacy-consent-modal{margin:10px;max-height:95vh}.privacy-consent-header,.privacy-consent-content,.privacy-consent-actions{padding:20px}.privacy-buttons{flex-direction:column}.privacy-buttons button{width:100%}}.expandable-modal-content{position:relative}.expandable-content{transition:max-height .3s ease;position:relative}.expandable-content.collapsed{overflow:hidden}.expandable-content.expanded{overflow:visible}.expandable-gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,rgba(255,255,255,.9));pointer-events:none;z-index:1}.expandable-button-container{display:flex;justify-content:center;padding:.75rem 0;border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);margin-top:.5rem}.expandable-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.expandable-button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.expandable-button:active{transform:translateY(0)}@media (max-width: 768px){.expandable-button-container{padding:1rem 0;background:var(--color-white);border-top:2px solid var(--color-primary-light)}.expandable-button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.expandable-gradient-overlay{height:50px;background:linear-gradient(transparent,rgba(255,255,255,.95))}}.trauma-summary{padding:var(--spacing-8)}.trauma-summary-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.trauma-summary-list{display:flex;flex-direction:column}.trauma-summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-6);padding:var(--spacing-4) 0;border-bottom:1px solid var(--color-border-light)}.trauma-summary-row:last-child{border-bottom:none}.trauma-summary-row--wrap{flex-direction:column;align-items:flex-start;gap:var(--spacing-2)}.trauma-summary-label{flex-shrink:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.trauma-summary-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:right}.trauma-summary-row--wrap .trauma-summary-value{text-align:left}.wizard-actions{display:grid;grid-template-columns:1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}@media (min-width: 560px){.wizard-actions{grid-template-columns:1fr 1fr}}.wizard-action{display:flex;flex-direction:column;gap:var(--spacing-6);padding:var(--spacing-6);margin-bottom:0}.wizard-action-row{display:flex;align-items:flex-start;gap:var(--spacing-5)}.wizard-action-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;background:var(--color-primary-lighter);color:var(--color-primary)}.wizard-action-text{min-width:0}.wizard-action-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.wizard-action-description{font-size:var(--font-size-sm);color:var(--color-text-tertiary);line-height:var(--line-height-normal)}.wizard-action-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-top:auto}.wizard-action--primary{border:1px solid var(--color-primary-light);background:linear-gradient(160deg,var(--color-primary-lighter) 0%,var(--color-background) 55%)}.wizard-action--primary .wizard-action-icon{background:var(--color-primary);color:var(--color-white)}.wizard-action--emergency{cursor:pointer;border:1px solid var(--color-error-light);background:linear-gradient(160deg,var(--color-error-light) 0%,var(--color-background) 55%)}.wizard-action--emergency .wizard-action-icon{background:var(--color-error);color:var(--color-white)}