.toast-container{pointer-events:none;z-index:10000}.toast{align-items:center;animation:slideInToast .3s ease-out forwards;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);cursor:pointer;display:flex;gap:var(--space-12);max-width:400px;min-width:320px;pointer-events:auto;transition:all var(--duration-fast) var(--ease-standard)}.toast:hover{box-shadow:var(--shadow-2xl);transform:translateX(0) scale(1.02)}.toast--success{background:linear-gradient(135deg,var(--color-surface),rgba(var(--color-success-rgb),.05));border-left:4px solid var(--color-success)}.toast--error{background:linear-gradient(135deg,var(--color-surface),rgba(var(--color-error-rgb),.05));border-left:4px solid var(--color-error)}.toast--warning{background:linear-gradient(135deg,var(--color-surface),rgba(var(--color-warning-rgb),.05));border-left:4px solid var(--color-warning)}.toast--info{background:linear-gradient(135deg,var(--color-surface),rgba(var(--color-primary-rgb),.05));border-left:4px solid var(--color-primary)}.toast__icon{align-items:center;background:var(--color-background);border-radius:50%;display:flex;flex-shrink:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:24px;justify-content:center;width:24px}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-error)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info .toast__icon{color:var(--color-primary)}.toast__message{color:var(--color-text);flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.5}.toast__close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:24px;justify-content:center;padding:0;transition:all var(--duration-fast) var(--ease-standard);width:24px}.toast__close:hover{background:var(--color-background);color:var(--color-text);transform:scale(1.1)}@keyframes slideInToast{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (prefers-color-scheme:dark){.toast{background:var(--color-surface);border-color:var(--color-card-border)}.toast--success{background:linear-gradient(135deg,var(--color-surface),rgba(var(--color-success-rgb),.1))}.toast--error{background:linear-gradient(135deg,var(--color-surface),rgba(var(--color-error-rgb),.1))}.toast--warning{background:linear-gradient(135deg,var(--color-surface),rgba(var(--color-warning-rgb),.1))}.toast--info{background:linear-gradient(135deg,var(--color-surface),rgba(var(--color-primary-rgb),.1))}}.trial-banner{align-items:center;background:linear-gradient(135deg,#21808d,#926ce0);color:#fff;display:flex;justify-content:center;padding:10px 20px;position:relative;z-index:50}.trial-banner.urgent{animation:pulse-urgent 2s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#ef4444)}.trial-banner-content{flex-wrap:wrap;gap:12px}.trial-banner-content,.trial-icon{align-items:center;display:flex;justify-content:center}.trial-icon svg{height:20px;width:20px}.trial-text{font-size:14px;font-weight:500}.trial-text strong{font-weight:700}.trial-cta{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;padding:6px 16px;text-decoration:none;transition:all .2s ease}.trial-cta:hover{background:#ffffff4d;transform:translateY(-1px)}.trial-dismiss{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:4px;position:absolute;right:16px;transition:opacity .2s ease}.trial-dismiss:hover{opacity:1}.trial-dismiss svg{height:18px;width:18px}@media (max-width:600px){.trial-banner{padding:12px 48px 12px 16px}.trial-banner-content{flex-direction:column;gap:8px}.trial-icon{display:none}.trial-text{font-size:13px;text-align:center}}.guest-upload-form{background:#0000!important;border-radius:var(--radius-xl);padding:var(--spacing-2xl)}@media (prefers-color-scheme:dark){.guest-upload-form{background:#0000!important}}.form-progress{align-items:center;background:#fff!important;border-radius:8px;box-shadow:0 8px 24px #00000026!important;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:16px;padding:var(--space-16,16px)}.form-progress,.progress-step{border-radius:var(--radius-base,8px)}.progress-step{background:#fbf9f5!important;border:1px solid #d1d5db!important;color:var(--text-muted);flex:1 1;flex-direction:column;gap:var(--spacing-xs);min-width:0;padding:var(--spacing-sm,12px);position:relative}.progress-step.active .step-number{background:linear-gradient(135deg,#6b79f5,#4ecdc4);background:linear-gradient(135deg,var(--primary-color,#6b79f5) 0,#4ecdc4 100%);box-shadow:0 4px 12px #6b79f566;color:#fff;transform:scale(1.1);transition:all .3s ease}.progress-step.completed .step-number{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--theme-primary,var(--success,#10b981)) 0,var(--theme-secondary,#059669) 100%);box-shadow:0 4px 12px #10b98166;color:#fff}.progress-step.active,.progress-step.completed{background:#fbf9f5!important}.progress-step.active .step-label{color:#6b79f5;color:var(--primary-color,#6b79f5);font-weight:600}.progress-step.completed .step-label{color:#10b981;color:var(--success,#10b981);font-weight:600}.step-number{background:#fff;border:2px solid var(--border);border-radius:var(--radius-full);font-size:16px;font-weight:700;height:40px;width:40px}.step-label{font-size:13px;max-width:100px;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:100%}.progress-line{background:linear-gradient(90deg,var(--border) 0,var(--border) 100%);border-radius:2px;flex:1 1;height:3px;margin:0 var(--spacing-sm);overflow:hidden;position:relative}.progress-line:after{background:linear-gradient(90deg,#10b981,#6b79f5);background:linear-gradient(90deg,var(--success,#10b981) 0,var(--primary-color,#6b79f5) 100%);content:"";height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:0}.progress-step.completed+.progress-line:after{width:100%}.form-step{background:#0000!important}@media (prefers-color-scheme:dark){.form-step{background:#0000!important}}.form-step h3{margin-bottom:var(--spacing-lg)}.upload-card-wrapper{background:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;background-color:#fff!important;background-image:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;border:2px dashed #d1d5db!important;border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 8px 24px #00000026!important;margin-bottom:24px;margin-bottom:var(--spacing-xl,24px);padding:32px;padding:var(--spacing-2xl,32px);transition:all .3s ease}@media (prefers-color-scheme:dark){.upload-card-wrapper{background:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;background-color:#fff!important;background-image:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;border-color:#d1d5db!important}.upload-card-wrapper *{background-color:initial!important}.upload-card-wrapper .upload-area{background-color:#fff!important}}.form-progress-inline{align-items:center;background:#fff!important;border-bottom:1px solid #e5e7eb!important;border-radius:8px;border-radius:var(--radius-base,8px);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-xl,24px);padding:16px;padding:var(--space-16,16px)}@media (prefers-color-scheme:dark){.form-progress-inline{background:#fff!important;border-bottom-color:#e5e7eb!important}}.upload-area{background:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;background-color:#fff!important;border:2px dashed #d1d5db!important;border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 8px 24px #00000026!important;color:#1f2937!important;cursor:pointer;margin-top:20px;margin-top:var(--spacing-lg,20px);padding:32px;padding:var(--space-32,32px);text-align:center;transition:all .2s ease;transition:all var(--duration-fast,.2s) var(--ease-standard,ease)}.upload-area *{background-color:initial!important;color:#1f2937!important}@media (prefers-color-scheme:dark){.upload-area{background:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;background-color:#fff!important;border-color:#d1d5db!important;color:#1f2937!important}.upload-area *,.upload-area :after,.upload-area :before{background-color:initial!important;color:#1f2937!important}.form-step .upload-area,.guest-upload-form .upload-area,.upload-card-wrapper .upload-area{background:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;background-color:#fff!important}}.upload-area.dragover,.upload-area:hover{background:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;background-color:#fff!important;border-color:#d1d5db!important;box-shadow:0 8px 24px #00000026!important;color:#1f2937!important;transform:translateY(-2px)}@media (prefers-color-scheme:dark){.upload-area.dragover,.upload-area:hover{background:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;background-color:#fff!important;border-color:#d1d5db!important;color:#1f2937!important}}.upload-area.has-file{background:linear-gradient(135deg,#10b9810d,#10b9810d)!important;background-color:#fff!important;border-color:#10b981!important;border-color:var(--color-success,#10b981)!important;color:#1f2937!important}@media (prefers-color-scheme:dark){.upload-area.has-file{background:linear-gradient(135deg,#10b9810d,#10b9810d)!important;background-color:#fff!important;color:#1f2937!important}}.upload-icon{color:#1f2937!important;font-size:48px;margin-bottom:16px;margin-bottom:var(--space-16,16px);opacity:.7}.upload-area h3{color:#1f2937!important;font-size:20px;font-size:var(--font-size-xl,20px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:8px;margin-bottom:var(--space-8,8px)}.upload-area p{color:#6b7280!important;font-size:14px;font-size:var(--font-size-sm,14px);margin-bottom:16px;margin-bottom:var(--space-16,16px)}@media (prefers-color-scheme:dark){.upload-area h3{color:#1f2937!important}.upload-area p{color:#6b7280!important}.upload-area .upload-icon{color:#1f2937!important;opacity:.7!important}.upload-area .upload-hint{color:#6b7280!important}.upload-area *{color:inherit!important}}.upload-buttons{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12,12px);justify-content:center;margin-bottom:16px;margin-bottom:var(--space-16,16px)}.upload-hint{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:var(--font-size-xs,12px);margin-bottom:0;margin-top:16px;margin-top:var(--space-16,16px)}.file-preview{flex-direction:column;gap:12px;gap:var(--spacing-sm,12px);margin-top:20px;margin-top:var(--spacing-lg,20px)}.file-preview-item{align-items:center;background:#10b981;background:var(--color-success,#10b981);border-radius:8px;border-radius:var(--radius-base,8px);color:#fff;display:flex;gap:16px;gap:var(--space-16,16px);padding:16px;padding:var(--space-16,16px)}.preview-icon{font-size:24px;font-size:var(--font-size-2xl,24px)}.preview-name{font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:var(--space-2,2px)}.preview-size{font-size:14px;font-size:var(--font-size-sm,14px)}.file-upload-zone{background:var(--background);border:2px dashed var(--border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-2xl);position:relative;text-align:center;transition:all .3s ease}.file-upload-zone.dragging{background:#6b79f50d;border-color:#6b79f5;border-color:var(--primary-color,#6b79f5);box-shadow:0 8px 24px #6b79f533;transform:scale(1.02)}.upload-label{cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs)}.upload-icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.upload-actions{display:flex;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-md)}.btn-camera{background:#6b79f5;background:var(--primary-color,#6b79f5);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.btn-camera:hover{background:#5a6ae8;box-shadow:0 4px 12px #6b79f54d;transform:translateY(-2px)}.files-preview{display:flex;flex-direction:column;gap:var(--spacing-sm)}.file-item{border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.file-remove{background:#0000;border:none;color:var(--error);cursor:pointer;font-size:var(--font-size-lg)}.form-actions{gap:var(--spacing-md);justify-content:space-between;margin-top:var(--spacing-xl)}.main-order-card{background:#fff!important;border-radius:24px;box-shadow:0 12px 48px #0003!important;margin-bottom:24px;margin-bottom:var(--spacing-xl,24px);padding:48px;padding:var(--spacing-3xl,48px)}.main-order-card h2{color:#1f2937!important;font-size:1.75rem;font-weight:700;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.order-description{color:#4b5563!important;font-size:1.1rem;line-height:1.7;margin:0 0 24px;margin:0 0 var(--spacing-xl,24px) 0}.benefits-card{grid-gap:20px;grid-gap:var(--spacing-lg,20px);background:#fff9!important;border-radius:16px;box-shadow:0 8px 24px #00000026!important;display:grid;gap:20px;gap:var(--spacing-lg,20px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px;margin-bottom:var(--spacing-xl,24px);padding:24px;padding:var(--spacing-xl,24px)}.benefit-item{gap:16px;gap:var(--spacing-md,16px)}.delivery-mode-card,.steps-card{background:#fff!important;border-radius:16px;box-shadow:0 8px 24px #00000026!important;margin-bottom:24px;margin-bottom:var(--spacing-xl,24px);padding:20px;padding:var(--spacing-lg,20px)}.delivery-mode-card h3{color:#1f2937!important;font-size:1.25rem;font-weight:700;margin:0 0 16px;margin:0 0 var(--spacing-md,16px) 0}.comments-consent-card{background:#fff!important;border-radius:16px;box-shadow:0 8px 24px #00000026!important;padding:24px;padding:var(--spacing-xl,24px)}.coordinates-card{background:#fff!important;border-radius:24px;box-shadow:0 12px 48px #0003!important;padding:48px;padding:var(--spacing-3xl,48px)}.coordinates-card h3{color:#1f2937!important;font-size:1.5rem;font-weight:700;margin:0 0 24px;margin:0 0 var(--spacing-xl,24px) 0}.form-actions-in-card{border-top:1px solid #e5e7eb;display:flex;gap:16px;gap:var(--spacing-md,16px);justify-content:space-between;margin-top:24px;margin-top:var(--spacing-xl,24px);padding-top:20px;padding-top:var(--spacing-lg,20px)}.delivery-options{flex-direction:column;margin-bottom:var(--spacing-lg)}.delivery-options,.option-card{display:flex;gap:var(--spacing-md)}.option-card{align-items:center;background:#fff!important;border:2px solid #d1d5db!important;border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026!important;cursor:pointer;padding:24px!important;padding:var(--spacing-xl,24px)!important;transition:all .3s ease}.option-card input{display:none}.option-card.selected{background:linear-gradient(135deg,#6b79f51a,#4ecdc41a)!important;border-color:#6b79f5!important;border-color:var(--primary-color,#6b79f5)!important;border-width:3px!important;box-shadow:0 12px 32px #6b79f54d!important;transform:scale(1.02)}.option-card:hover{border-color:#6b79f5!important;border-color:var(--primary-color,#6b79f5)!important;box-shadow:0 10px 28px #0003!important}.option-content{align-items:center;display:flex;gap:var(--spacing-md);width:100%}.option-price{font-weight:600;margin-left:auto}.delivery-address-form{background:#fff!important;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a!important;margin-bottom:var(--spacing-lg);margin-top:20px;margin-top:var(--spacing-lg,20px);padding:var(--spacing-md)}.consent-section{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.btn-large{min-width:220px}.btn-next{box-shadow:0 4px 12px #6b79f54d;font-size:15px;font-weight:600;min-width:140px;overflow:hidden;padding:12px 28px;position:relative;transition:all .2s ease}.btn-next:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-next:active:before{height:300px;width:300px}.btn-next:active{box-shadow:0 2px 8px #6b79f566;transform:scale(.98)}.btn-next:hover:not(:disabled){box-shadow:0 6px 16px #6b79f566;transform:translateY(-2px)}.btn-next:disabled{cursor:not-allowed;opacity:.5}.required:after{color:var(--error);content:"*";margin-left:4px}.confirmation-step{padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center}.confirmation-content{margin:0 auto;max-width:600px}.confirmation-icon{animation:scaleIn .5s ease-out;color:#10b981;color:var(--success,#10b981);height:80px;margin:0 auto var(--spacing-xl);width:80px}.confirmation-title{color:#1f2937;color:var(--color-text,#1f2937);font-size:1.75rem;font-size:var(--font-size-2xl,1.75rem);font-weight:700;font-weight:var(--font-weight-bold,700);margin-bottom:var(--spacing-lg)}.confirmation-message{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);line-height:1.6;margin-bottom:var(--spacing-xl)}.confirmation-details{background:#f9fafb;background:var(--color-secondary,#f9fafb);border-radius:.5rem;border-radius:var(--radius-lg,.5rem);display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);text-align:left}.confirmation-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.confirmation-item strong{color:#1f2937;color:var(--color-text,#1f2937);font-weight:600;font-weight:var(--font-weight-semibold,600)}.confirmation-footer,.confirmation-item span{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.confirmation-footer{font-size:.875rem;font-size:var(--font-size-sm,.875rem);font-style:italic;margin-top:var(--spacing-lg)}@media (max-width:768px){.guest-upload-form{padding:var(--spacing-lg)}.form-progress{flex-direction:column;gap:var(--spacing-sm)}.progress-line{display:none}.form-actions{flex-direction:column}.confirmation-step{padding:var(--spacing-xl) var(--spacing-md)}.confirmation-title{font-size:1.5rem;font-size:var(--font-size-xl,1.5rem)}.confirmation-message{font-size:1rem;font-size:var(--font-size-base,1rem)}}.public-pharmacy-header{color:#fff;overflow:hidden;padding:48px 24px 32px;position:relative}.public-pharmacy-header:before{background-image:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff14 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-container{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:1200px;position:relative}.pharmacy-branding{align-items:flex-start;display:flex;gap:24px}.pharmacy-logo-wrapper{align-items:center;background:#fff;border-radius:20px;box-shadow:none!important;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;padding:0!important;width:100px}.pharmacy-logo{border-radius:0!important;height:100%!important;margin:0!important;object-fit:contain;width:100%!important}.logo-placeholder{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:0!important}.logo-initial{color:#6b79f5;font-size:42px;font-weight:700;text-transform:uppercase}.pharmacy-main-info{flex:1 1;min-width:0}.pharmacy-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:12px;padding:6px 14px}.pharmacy-badge svg{opacity:.9}.pharmacy-name{color:#fff!important;font-size:36px;font-weight:700;line-height:1.2;margin:0 0 8px;text-shadow:0 2px 12px #00000026}.pharmacy-tagline{font-size:16px;font-weight:500;margin:0;opacity:.95}.pharmacy-contact-info{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:8px}.contact-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:14px;display:flex;gap:14px;padding:16px 18px;position:relative;transition:all .2s ease}.contact-link{color:inherit;cursor:pointer;text-decoration:none}.contact-link:hover{background:#ffffff38;border-color:#fff6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.contact-link:active .contact-label,.contact-link:active .contact-value,.contact-link:hover .contact-label,.contact-link:hover .contact-value{color:#fff!important}.contact-icon{align-items:center;background:#ffffff40;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.contact-details{flex:1 1;min-width:0}.contact-label{font-size:12px;letter-spacing:.5px;margin-bottom:4px;opacity:.85;text-transform:uppercase}.contact-label,.contact-value{color:#fff!important;font-weight:600}.contact-value{font-size:15px;line-height:1.4}.map-icon-button{align-items:center;background:#ffffff40;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:auto;padding:0;transition:all .2s ease;width:36px}.map-icon-button:hover{background:#ffffff59;transform:scale(1.1)}.map-icon-button:active{transform:scale(.95)}.map-icon-button svg{height:18px;width:18px}@media (max-width:768px){.map-icon-button{height:32px;width:32px}.map-icon-button svg{height:16px;width:16px}}.trust-indicators{border-top:1px solid #fff3;display:flex;flex-wrap:wrap;gap:20px;margin-top:12px;padding-top:24px}.trust-item{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;opacity:.95}.trust-item svg{flex-shrink:0}@media (max-width:768px){.public-pharmacy-header{padding:32px 20px 24px}.pharmacy-branding{align-items:center;flex-direction:column;text-align:center}.pharmacy-logo-wrapper{height:80px;width:80px}.pharmacy-name{font-size:28px}.pharmacy-tagline{font-size:14px}.pharmacy-contact-info{grid-template-columns:1fr}.trust-indicators{gap:16px;justify-content:center}.trust-item{font-size:13px}}@media (max-width:480px){.pharmacy-name{font-size:24px}.pharmacy-logo-wrapper{height:70px;width:70px}.logo-initial{font-size:32px}}@media (prefers-color-scheme:dark){.pharmacy-logo-wrapper{background:#fff!important}.logo-placeholder{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important}.logo-initial{color:#6b79f5!important}}.public-pharmacy-page{background:#fbf9f5!important;color:#1f2937!important;display:flex;flex-direction:column;min-height:100vh}@media (prefers-color-scheme:dark){.public-pharmacy-page{background:#fbf9f5!important;color:#1f2937!important}}.pharmacy-header{background:#6b79f5;background:var(--primary-color,#6b79f5);box-shadow:0 4px 20px #0000001a;color:#fff;color:var(--color-white,#fff);padding:2rem 1rem}@media (prefers-color-scheme:dark){.pharmacy-header{box-shadow:0 4px 20px #0000001a!important}}.header-content{align-items:center;display:flex;gap:2rem;margin:0 auto;max-width:1200px}.pharmacy-logo{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000026;flex-shrink:0;height:80px;object-fit:cover;width:80px}.pharmacy-info h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.pharmacy-address{color:#fff;font-size:1rem;margin:.5rem 0 0;opacity:.95}.upload-section{flex:1 1;padding:3rem 1rem}.upload-container{background:#fff!important;border-radius:24px;box-shadow:0 12px 48px #0003!important;margin:0 auto;max-width:800px;padding:3rem}.upload-intro{margin-bottom:2rem;text-align:center}.upload-intro h2{color:#1f2937!important;font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.upload-description{color:#4b5563!important;font-size:1.1rem;line-height:1.7;margin:0 0 2rem}.upload-benefits{grid-gap:1.5rem;background:#fff9!important;border-radius:16px;box-shadow:0 8px 24px #00000026!important;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0;padding:1.5rem}.benefit-item{align-items:flex-start;display:flex;gap:1rem}.benefit-icon{align-items:center;background:#6b79f5;background:var(--primary-color,#6b79f5);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;width:32px}.benefit-text{display:flex;flex-direction:column;gap:.25rem}.benefit-text strong{color:#1f2937!important;font-size:1rem;font-weight:600}.benefit-text span{color:#6b7280!important;font-size:.9rem;line-height:1.5}.pharmacy-footer{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important;border-top:1px solid #0000001a;margin-top:48px;margin-top:var(--spacing-3xl,48px);padding:16px 24px;position:relative;width:100%;z-index:10}@media (prefers-color-scheme:dark){.pharmacy-footer{background:linear-gradient(135deg,#f8fafc,#e2e8f0)!important}}.footer-content-horizontal{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;justify-content:center;margin:0 auto;max-width:1200px}.footer-brand-inline{align-items:center;display:flex;gap:8px}.footer-brand-inline span{color:#6b7280;font-size:14px}.footer-logo-link{align-items:center;display:inline-flex;text-decoration:none;transition:opacity .2s ease}.footer-logo-link:hover{opacity:.8}.footer-logo{height:24px;object-fit:contain;width:auto}.footer-separator{color:#9ca3af;font-size:16px;font-weight:700}.footer-text{color:#6b7280;font-style:italic}.footer-mentions-legales-inline{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:0;text-decoration:underline;transition:color .2s ease}.footer-mentions-legales-inline:hover{color:#4b5563}@media (max-width:768px){.footer-content-horizontal{align-items:center;flex-direction:row;font-size:12px;gap:8px;justify-content:center;text-align:center}.footer-separator{font-size:14px}.footer-brand-inline,.footer-mentions-legales-inline,.footer-text{display:inline-block}}.mentions-legales-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:none;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.mentions-legales-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;padding:0;position:relative;width:100%}.mentions-legales-close{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;padding:0;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10}.mentions-legales-close:hover{background:#0000001a;color:#374151;transform:scale(1.1)}.mentions-legales-text{max-height:90vh;overflow-y:auto;padding:3rem}.mentions-legales-text h1{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:28px;font-weight:700;margin:0 0 1rem;padding-bottom:1rem}.mentions-legales-text .last-update{color:#6b7280;font-size:.875rem;font-style:italic;margin:0 0 2rem}.mentions-legales-text h2{color:#1f2937;font-size:20px;font-weight:600;margin:2rem 0 1rem}.mentions-legales-text h3{color:#374151;font-size:16px;font-weight:600;margin:1.5rem 0 .75rem}.mentions-legales-text p,.mentions-legales-text ul{color:#4b5563;line-height:1.7;margin:.75rem 0}.mentions-legales-text ul{padding-left:1.5rem}.mentions-legales-text li{margin:.5rem 0}.mentions-legales-text strong{color:#1f2937;font-weight:600}.public-page-error,.public-page-loading{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.public-page-error h2{color:#e74c3c;margin-bottom:1rem}.public-page-error p{color:#666;font-size:1.1rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color,#6b79f5);height:50px;margin-bottom:1rem;width:50px}@media (max-width:768px){.header-content{flex-direction:column;text-align:center}.pharmacy-logo{height:60px;width:60px}.pharmacy-info h1{font-size:1.5rem}.upload-container{border-radius:16px;padding:2rem 1.5rem}.upload-intro h2{font-size:1.5rem}.upload-intro p{font-size:1rem}}.upload-container{animation:fadeInUp .6s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2!important}@media (prefers-color-scheme:dark){.upload-container{background:#fffffff2!important}.upload-intro h2{color:#1f2937!important}.upload-description{color:#4b5563!important}.benefit-text strong{color:#1f2937!important}.benefit-text span{color:#6b7280!important}.upload-benefits{background:#fff9!important}}.auth-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-24);position:relative}.auth-page-background{background:var(--color-background);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.auth-page-background:before{background:radial-gradient(circle at 20% 50%,#2b7cee1a 0,#0000 50%),radial-gradient(circle at 80% 50%,#926ce01a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.auth-page-content{max-width:480px;position:relative;width:100%;z-index:2}.auth-screen{width:100%}.auth-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.auth-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-violet) 100%);padding:var(--space-32);text-align:center}.auth-header,.auth-header h1{color:var(--color-btn-primary-text)}.auth-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-8) 0}.auth-header p{color:#ffffffe6;font-size:var(--font-size-base);margin:0;opacity:.95}.auth-form{background:var(--color-surface);padding:var(--space-32)}.auth-form h2{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-24) 0;text-align:center}.error-message{align-items:center;background:rgba(var(--color-error-rgb),.1);border:1px solid var(--color-error);border-radius:var(--radius-base);color:var(--color-error);display:flex;font-size:var(--font-size-sm);gap:var(--space-8);margin-bottom:var(--space-16);padding:var(--space-12) var(--space-16)}.form-group{margin-bottom:var(--space-20)}.form-group label{display:block;margin-bottom:var(--space-8)}.form-group label .info{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);margin-left:var(--space-4)}.form-input{background:var(--color-background);border:1px solid var(--color-card-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);padding:var(--space-12) var(--space-16);transition:all var(--duration-fast) var(--ease-standard);width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.form-input.error{border-color:var(--color-error)}.form-input:disabled{cursor:not-allowed;opacity:.6}.field-error{color:var(--color-error);display:block;font-size:var(--font-size-xs);margin-top:var(--space-4)}.password-strength{margin-top:var(--space-8)}.strength-bar{background:var(--color-secondary);margin-bottom:var(--space-4)}.strength-bar,.strength-fill{border-radius:var(--radius-full)}.strength-fill{transition:width var(--duration-normal) var(--ease-standard)}.strength-bar.weak .strength-fill{background:var(--color-error)}.strength-bar.medium .strength-fill{background:var(--color-warning)}.strength-bar.strong .strength-fill{background:var(--color-success)}.strength-text{display:block;font-size:var(--font-size-xs)}.strength-text.weak{color:var(--color-error)}.strength-text.medium{color:var(--color-warning)}.strength-text.strong{color:var(--color-success)}.btn-primary{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-base);color:var(--color-btn-primary-text);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-8);justify-content:center;padding:var(--space-14) var(--space-24);transition:all var(--duration-fast) var(--ease-standard);width:100%}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.loading-spinner-small{border:2px solid #ffffff4d;border-top:2px solid var(--color-btn-primary-text);height:16px;width:16px}.auth-toggle{border-top:1px solid var(--color-card-border);margin-top:var(--space-24);padding-top:var(--space-24);text-align:center}.auth-toggle p{color:var(--color-text-secondary);margin:0}.auth-toggle p,.link-button{font-size:var(--font-size-sm)}.link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-weight:var(--font-weight-semibold);margin-left:var(--space-4);padding:0;text-decoration:underline;transition:color var(--duration-fast) var(--ease-standard)}.link-button:hover:not(:disabled){color:var(--color-primary-hover)}.link-button:disabled{cursor:not-allowed;opacity:.6}.security-info{background:var(--color-secondary);border-top:1px solid var(--color-card-border);padding:var(--space-24) var(--space-32)}.security-info h3{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-12) 0}.security-info ul{list-style:none;margin:0;padding-left:var(--space-20)}.security-info li{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-8)}.support-info{background:var(--color-surface);border-top:1px solid var(--color-card-border);padding:var(--space-16) var(--space-32);text-align:center}.support-info p{margin:0}.support-info small{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.support-link{color:var(--color-primary);margin-left:var(--space-4);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.support-link:hover{color:var(--color-primary-hover);text-decoration:underline}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.auth-page{padding:var(--space-16)}.auth-form,.auth-header{padding:var(--space-24)}.security-info,.support-info{padding-left:var(--space-24);padding-right:var(--space-24)}}.signup-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--color-bg-1,#f8fafc) 0,var(--color-bg-2,#e2e8f0) 100%);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.signup-container{background:#fff;background:var(--color-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--color-card-border,#e5e7eb);border-radius:24px;box-shadow:0 20px 60px #0000001a;max-width:520px;padding:40px;width:100%}.signup-header{margin-bottom:32px;text-align:center}.signup-logo{display:inline-block;margin-bottom:20px}.signup-logo img{height:56px;width:auto}.signup-header h1{color:#1f2937;color:var(--color-text,#1f2937);font-size:28px;font-weight:700;margin:0 0 8px}.signup-subtitle{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:16px;margin:0}.signup-stepper{justify-content:center;margin-bottom:32px;padding:0 20px}.signup-stepper,.step{align-items:center;display:flex}.step{flex-direction:column;gap:8px}.step-number{align-items:center;background:#e5e7eb;background:var(--color-secondary,#e5e7eb);border-radius:50%;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:14px;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.step.active .step-number{background:linear-gradient(135deg,#21808d,#926ce0);box-shadow:0 4px 12px #21808d4d;color:#fff}.step.completed .step-number{background:#10b981;color:#fff}.step-label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:12px;font-weight:500}.step.active .step-label{color:#21808d;font-weight:600}.step-connector{background:#e5e7eb;background:var(--color-secondary,#e5e7eb);flex:1 1;height:2px;margin:0 12px 24px;max-width:60px}.signup-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #ef4444;border-radius:12px;color:#991b1b;font-size:14px;margin-bottom:24px;padding:16px;text-align:center}.signup-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{gap:6px}.form-group label{color:#1f2937;color:var(--color-text,#1f2937);font-size:14px;font-weight:600}.form-group input[type=email],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text]{background:#fff;background:var(--color-surface,#fff);border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:12px;color:#1f2937;color:var(--color-text,#1f2937);font-size:15px;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#21808d;box-shadow:0 0 0 4px #21808d1a}.form-group input.error{border-color:#ef4444}.form-group input:disabled{cursor:not-allowed;opacity:.6}.field-error{color:#ef4444;font-size:12px}.password-strength{align-items:center;display:flex;gap:12px;margin-top:4px}.strength-bar{background:#e5e7eb;background:var(--color-secondary,#e5e7eb);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{background:#ef4444;border-radius:2px;height:100%;transition:width .3s ease,background .3s ease}.strength-bar.medium .strength-fill{background:#f59e0b}.strength-bar.strong .strength-fill{background:#10b981}.strength-label{color:#ef4444;font-size:12px;font-weight:500}.strength-label.medium{color:#f59e0b}.strength-label.strong{color:#10b981}.checkbox-group{margin-top:8px}.checkbox-label{align-items:flex-start;cursor:pointer;gap:12px}.checkbox-label input[type=checkbox]{accent-color:#21808d;cursor:pointer;height:20px;margin-top:2px;width:20px}.checkbox-text{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;line-height:1.5}.checkbox-text a{color:#21808d;font-weight:500;text-decoration:none}.checkbox-text a:hover{text-decoration:underline}.trial-recap{background:linear-gradient(135deg,#f0fdfa,#e0f2fe);border:2px solid #21808d;border-radius:16px;margin:8px 0;padding:24px}.trial-recap h3{color:#21808d;font-size:16px;font-weight:700;margin:0 0 16px}.trial-recap ul{list-style:none;margin:0 0 16px;padding:0}.trial-recap li{color:#1f2937;color:var(--color-text,#1f2937);font-size:14px;padding:6px 0 6px 24px;position:relative}.trial-recap li:before{color:#10b981;content:"\2713";font-weight:700;left:0;position:absolute}.trial-note{border-top:1px solid #21808d33;color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:13px;font-style:italic;margin:0;padding-top:12px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.form-actions.two-buttons{justify-content:space-between}.btn-primary,.btn-secondary{align-items:center;border-radius:12px;display:inline-flex;font-size:15px;gap:8px;justify-content:center;padding:14px 32px}.btn-primary{box-shadow:0 4px 12px #21808d4d}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #21808d66}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#e5e7eb;background:var(--color-secondary,#e5e7eb)}.btn-secondary:hover:not(:disabled){background:#d1d5db;background:var(--color-border,#d1d5db)}.spinner{height:18px;width:18px}.signup-confirmation{padding:40px 20px;text-align:center}.success-icon{animation:scaleIn .5s ease;background:linear-gradient(135deg,#10b981,#059669);height:80px;margin:0 auto 24px;width:80px}.success-icon svg{color:#fff;height:40px;width:40px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.signup-confirmation h2{color:#1f2937;color:var(--color-text,#1f2937);font-size:24px;font-weight:700;margin:0 0 12px}.signup-confirmation p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:16px;margin:0 0 8px}.confirmation-detail{font-size:14px!important;margin-top:16px!important}.redirect-notice{color:#21808d!important;font-size:13px!important;font-style:italic;margin-top:24px!important}.signup-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);margin-top:24px;padding-top:24px;text-align:center}.signup-footer p{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;margin:0}.signup-footer a{color:#21808d;font-weight:600;text-decoration:none}.signup-footer a:hover{text-decoration:underline}.security-badges{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:32px}.badge{gap:8px}.badge,.badge-icon{align-items:center;display:flex}.badge-icon{background:linear-gradient(135deg,#21808d,#926ce0);border-radius:8px;color:#fff;font-size:10px;font-weight:700;height:32px;justify-content:center;width:32px}.badge-text{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:12px;font-weight:500}@media (prefers-color-scheme:dark){.signup-page{background:linear-gradient(135deg,#0f172a,#1e293b);background:linear-gradient(135deg,var(--color-bg-1,#0f172a) 0,var(--color-bg-2,#1e293b) 100%)}.signup-container{background:#1e293b;background:var(--color-surface,#1e293b);border-color:#334155;border-color:var(--color-card-border,#334155)}.form-group input,.form-group label,.signup-confirmation h2,.signup-header h1,.trial-recap li{color:#f1f5f9;color:var(--color-text,#f1f5f9)}.form-group input{background:#0f172a;background:var(--color-surface,#0f172a);border-color:#334155;border-color:var(--color-border,#334155)}.form-group input:focus{border-color:#21808d;box-shadow:0 0 0 4px #21808d33}.btn-secondary{background:#334155;background:var(--color-secondary,#334155);color:#f1f5f9;color:var(--color-text,#f1f5f9)}.btn-secondary:hover:not(:disabled){background:#475569;background:var(--color-border,#475569)}.trial-recap{background:linear-gradient(135deg,#21808d26,#926ce026);border-color:#21808d}}@media (max-width:600px){.signup-container{border-radius:20px;padding:28px 20px}.signup-header h1{font-size:24px}.form-row{grid-template-columns:1fr}.signup-stepper{padding:0}.step-label{display:none}.step-connector{margin-bottom:0;max-width:40px}.security-badges{gap:16px}.badge-text{display:none}}.order-tracking-page{background:#f7fafc;background:var(--background,#f7fafc);min-height:100vh;padding:2rem 1rem;padding:var(--spacing-xl,2rem) var(--spacing-md,1rem)}.tracking-container{background:#fff;background:var(--surface,#fff);border-radius:.75rem;border-radius:var(--radius-lg,.75rem);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);margin:0 auto;max-width:800px;padding:2rem;padding:var(--spacing-xl,2rem)}.tracking-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border,#e2e8f0);margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);padding-bottom:1.5rem;padding-bottom:var(--spacing-lg,1.5rem);text-align:center}.tracking-header h1{color:#1a202c;color:var(--text-primary,#1a202c);font-size:1.875rem;font-size:var(--font-size-3xl,1.875rem);margin:0 0 .5rem;margin:0 0 var(--spacing-sm,.5rem) 0}.order-number-display{background:#e8eaff;background:var(--primary-light,#e8eaff);border-radius:.5rem;border-radius:var(--radius-md,.5rem);color:#6b79f5;color:var(--primary-color,#6b79f5);display:inline-block;font-family:monospace;font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);font-weight:600;padding:.5rem 1rem;padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem)}.error-state,.loading-state{padding:3rem 1.5rem;padding:var(--spacing-2xl,3rem) var(--spacing-lg,1.5rem);text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-top-color:#6b79f5;border:4px solid var(--border,#e2e8f0);border-top-color:var(--primary-color,#6b79f5);height:48px;margin:0 auto 1.5rem;margin:0 auto var(--spacing-lg,1.5rem);width:48px}.error-icon{display:block;font-size:4rem}.error-icon,.error-state h2{margin-bottom:1rem;margin-bottom:var(--spacing-md,1rem)}.error-state h2{color:#f56565;color:var(--error,#f56565)}.phone-verification{background:#f7fafc;background:var(--background,#f7fafc);border-radius:.5rem;border-radius:var(--radius-md,.5rem);margin-top:2rem;margin-top:var(--spacing-xl,2rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.phone-form{display:flex;gap:.5rem;gap:var(--spacing-sm,.5rem);margin-top:1rem;margin-top:var(--spacing-md,1rem)}.phone-input{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:.5rem;border-radius:var(--radius-md,.5rem);flex:1 1;font-size:1rem;font-size:var(--font-size-base,1rem);padding:.5rem 1rem;padding:var(--spacing-sm,.5rem) var(--spacing-md,1rem)}.status-card{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-left-width:4px;border-radius:.75rem;border-radius:var(--radius-lg,.75rem);margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.status-header{align-items:flex-start;display:flex;gap:1rem;gap:var(--spacing-md,1rem)}.status-icon{flex-shrink:0;font-size:2.5rem}.status-label{color:#1a202c;color:var(--text-primary,#1a202c);font-size:1.25rem;font-size:var(--font-size-xl,1.25rem);margin:0 0 .25rem;margin:0 0 var(--spacing-xs,.25rem) 0}.status-description{color:#4a5568;color:var(--text-secondary,#4a5568);font-size:.875rem;font-size:var(--font-size-sm,.875rem);margin:0}.order-details{margin-bottom:2rem;margin-bottom:var(--spacing-xl,2rem)}.detail-section{background:#f7fafc;background:var(--background,#f7fafc);border-radius:.5rem;border-radius:var(--radius-md,.5rem);padding:1.5rem;padding:var(--spacing-lg,1.5rem)}.detail-section h3{color:#1a202c;color:var(--text-primary,#1a202c);font-size:1.125rem;font-size:var(--font-size-lg,1.125rem);margin:0 0 1rem;margin:0 0 var(--spacing-md,1rem) 0}.detail-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--spacing-sm,.5rem) 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#4a5568;color:var(--text-secondary,#4a5568);font-weight:500}.detail-value{color:#1a202c;color:var(--text-primary,#1a202c);font-weight:600;text-align:right}.tracking-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);display:flex;gap:1rem;gap:var(--spacing-md,1rem);justify-content:center;padding-top:1.5rem;padding-top:var(--spacing-lg,1.5rem)}.btn-primary,.btn-secondary{border:none;border-radius:.5rem;border-radius:var(--radius-md,.5rem);cursor:pointer;font-size:1rem;font-size:var(--font-size-base,1rem);font-weight:600;padding:.5rem 1.5rem;padding:var(--spacing-sm,.5rem) var(--spacing-lg,1.5rem);transition:all .2s ease}.btn-primary{background:#926ce0;background:var(--color-violet,#926ce0)}.btn-primary:hover{background:#7e22ce;background:var(--color-violet-hover,#7e22ce)}.btn-secondary{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);color:#1a202c;color:var(--text-primary,#1a202c)}.btn-secondary:hover{background:#f7fafc;background:var(--background,#f7fafc);border-color:#6b79f5;border-color:var(--primary-color,#6b79f5)}@media (max-width:768px){.tracking-container{padding:1rem;padding:var(--spacing-md,1rem)}.detail-item,.phone-form{flex-direction:column}.detail-item{align-items:flex-start;gap:.25rem;gap:var(--spacing-xs,.25rem)}.detail-value{text-align:left}}.renewal-list-card{border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-32);overflow:hidden;padding:var(--space-24);position:relative}.renewal-list-card,.renewal-list-card:before{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2))}.renewal-list-card:before{border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.renewal-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-16);justify-content:space-between;margin-bottom:var(--space-20)}.renewal-header-left{align-items:center;display:flex;gap:var(--space-12)}.renewal-list-header h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.renewal-list-header h3 .phone-icon{filter:grayscale(1) brightness(.7) sepia(1) hue-rotate(230deg) saturate(5)}.renewal-count{background:linear-gradient(135deg,var(--color-primary),#926ce0);background:linear-gradient(135deg,var(--color-primary),var(--color-violet,#926ce0));border-radius:var(--radius-full);box-shadow:0 2px 8px #926ce04d;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-12)}.renewal-date-filter{align-items:center;display:flex;gap:var(--space-8)}.renewal-date-input{background:var(--color-surface);border:2px solid var(--color-card-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-8) var(--space-12);transition:all var(--duration-fast) var(--ease-standard)}.renewal-date-input:focus,.renewal-date-input:hover{border-color:var(--color-primary)}.renewal-date-input:focus{box-shadow:0 0 0 3px #21808d26;outline:none}.renewal-filter-btn{background:var(--color-surface);border:2px solid var(--color-card-border);border-radius:var(--radius-full);color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);overflow:hidden;padding:var(--space-10) var(--space-20);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.renewal-filter-btn:before{background:#6b79f526;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.renewal-filter-btn:hover:before{height:150%;width:150%}.renewal-filter-btn:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #6b79f533;color:var(--color-primary);transform:translateY(-2px)}.renewal-filter-btn.active{background:linear-gradient(135deg,var(--color-primary),#926ce0);background:linear-gradient(135deg,var(--color-primary),var(--color-violet,#926ce0));border-color:#0000;box-shadow:0 4px 16px #926ce066;color:#fff;transform:translateY(-1px)}.renewal-filter-btn.active:hover{box-shadow:0 6px 20px #926ce080;transform:translateY(-3px)}.renewal-empty{color:var(--color-text-secondary);font-size:var(--font-size-base);padding:var(--space-32);text-align:center}.renewal-table-wrapper{display:flex;flex-direction:column;gap:var(--space-8)}.renewal-row,.renewal-table-header{grid-gap:var(--space-16);align-items:center;display:grid;gap:var(--space-16);grid-template-columns:1.3fr 1fr .7fr .9fr 1.5fr auto;padding:var(--space-12) var(--space-16)}.renewal-table-header{background:var(--color-background);border-radius:var(--radius-base);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.renewal-row{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-base);transition:all .2s ease}.renewal-row:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.col-actions,.col-duration,.col-name,.col-notes,.col-phone,.col-renewal{min-width:0;overflow:hidden;text-overflow:ellipsis}.col-name strong{color:var(--color-text);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-phone{font-size:var(--font-size-sm);white-space:nowrap}.col-phone .phone-link{align-items:center;color:var(--color-primary);display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-4);text-decoration:none;transition:all .2s ease}.col-phone .phone-link:hover{color:#926ce0;color:var(--color-violet,#926ce0);text-decoration:underline}.col-phone .no-phone{color:var(--color-text-secondary);opacity:.5}.col-duration,.col-renewal{color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.col-notes{min-width:0;overflow:visible;position:relative;width:100%}.notes-textarea{background:var(--color-background);border:1px solid var(--color-card-border);border-radius:var(--radius-base);box-sizing:border-box;color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);max-height:80px;min-height:50px;padding:var(--space-8) var(--space-10);resize:none;transition:all .2s ease;width:100%}.notes-textarea::placeholder{color:var(--color-text-secondary);opacity:.6}.notes-textarea:focus,.notes-textarea:hover{border-color:var(--color-primary)}.notes-textarea:focus{background:var(--color-surface);box-shadow:0 0 0 3px #21808d1a;outline:none}.saving-indicator{bottom:-16px;color:var(--color-primary);font-size:11px;font-weight:var(--font-weight-medium);position:absolute;right:0}.col-actions{align-items:center;display:flex;gap:var(--space-8);justify-content:flex-end}.col-actions .btn--icon{align-items:center;background:var(--color-surface);border:2px solid var(--color-card-border);border-radius:10px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.col-actions .btn--icon:before{background:#6b79f533;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.col-actions .btn--icon:hover:before{height:100%;width:100%}.col-actions .btn--icon:hover{background:linear-gradient(135deg,#6b79f5,#926ce0);border-color:#6b79f5;box-shadow:0 6px 16px #6b79f559;transform:translateY(-2px) scale(1.05)}.col-actions .btn--icon:hover .btn-icon-img{filter:brightness(0) invert(1)}.col-actions .btn-icon-img{filter:grayscale(.3) opacity(.8);height:22px;object-fit:contain;transition:all .3s ease;width:22px}.action-btn--validate{align-items:center;background:linear-gradient(135deg,var(--color-primary),#926ce0);background:linear-gradient(135deg,var(--color-primary),var(--color-violet,#926ce0));border:none;border-radius:10px;box-shadow:0 4px 12px #926ce04d;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-6);height:40px;justify-content:center;min-width:90px;padding:0 var(--space-14);transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn--validate:hover{background:linear-gradient(135deg,#1a6c78,#8165d0);box-shadow:0 8px 20px #926ce066;transform:translateY(-3px) scale(1.02)}.action-btn--validate:active{transform:translateY(-1px) scale(1)}.check-icon{font-size:16px;font-weight:700}@media (max-width:1200px){.renewal-row,.renewal-table-header{gap:var(--space-12);grid-template-columns:1.1fr .9fr .6fr .8fr 1.3fr auto;padding:var(--space-10) var(--space-12)}.col-actions .btn--icon{height:36px;width:36px}.col-actions .btn-icon-img{height:18px;width:18px}.action-btn--validate{font-size:var(--font-size-xs);height:36px;min-width:80px}}@media (max-width:968px){.renewal-list-header{align-items:flex-start;flex-direction:column}.renewal-date-filter{flex-wrap:wrap;justify-content:flex-start;width:100%}.renewal-table-header{display:none}.renewal-row{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16)}.col-name{font-size:var(--font-size-lg)}.col-phone:before{content:"📞 "}.col-duration:before{content:"Durée: "}.col-duration:before,.col-renewal:before{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.col-renewal:before{content:"Renouvellement: "}.col-actions{border-top:1px solid var(--color-card-border);justify-content:flex-start;padding-top:var(--space-8)}}@media (prefers-color-scheme:dark){.renewal-list-card{background:var(--color-surface)}.renewal-table-header{background:#0003}.renewal-row{background:var(--color-surface)}.renewal-row:hover{background:#ffffff08}.notes-textarea{background:#0003}.notes-textarea:focus{background:var(--color-surface)}.col-actions .btn--icon,.renewal-filter-btn{background:#ffffff0d;border-color:#ffffff1a}}.patient-card-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-20);position:fixed;right:0;top:0;z-index:1000}.patient-card-modal{animation:slideUp .3s ease-out;background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0000004d;max-height:85vh;max-width:600px;overflow-y:auto;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.patient-card-error,.patient-card-loading{color:var(--color-text-secondary);padding:var(--space-48);text-align:center}.patient-card-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-card-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin:0 auto var(--space-16);width:40px}.modal-close{background:#ffffff1a;border-radius:50%;font-size:18px;height:36px;position:absolute;right:var(--space-16);top:var(--space-16);width:36px}.modal-close:hover{background:#fff3;transform:scale(1.1)}.patient-card-header{border-bottom:1px solid var(--color-card-border);padding:var(--space-24);text-align:center}.patient-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),#926ce0);background:linear-gradient(135deg,var(--color-primary),var(--color-violet,#926ce0));border-radius:50%;box-shadow:0 4px 16px #926ce066;color:#fff;display:flex;font-size:28px;font-weight:var(--font-weight-bold);height:72px;justify-content:center;margin:0 auto var(--space-12);width:72px}.patient-card-header h2{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.patient-card-content{padding:var(--space-24)}.patient-info-section{margin-bottom:var(--space-24)}.patient-info-section:last-child{margin-bottom:0}.patient-info-section h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-12)}.patient-info-grid{grid-gap:var(--space-12);display:grid;gap:var(--space-12);grid-template-columns:repeat(2,1fr)}.patient-info-item{background:#ffffff0d;border:1px solid var(--color-card-border);border-radius:var(--radius-base);padding:var(--space-12)}.info-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-xs);letter-spacing:.5px;margin-bottom:var(--space-4);text-transform:uppercase}.info-value{color:var(--color-text);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.medication-list{list-style:none;margin:0;padding:0}.medication-item{align-items:center;background:#ffffff0d;border:1px solid var(--color-card-border);border-radius:var(--radius-base);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-10) var(--space-12)}.medication-item:last-child{margin-bottom:0}.med-name{color:var(--color-text);font-weight:var(--font-weight-medium)}.med-posology{color:var(--color-text-secondary)}.med-posology,.patient-notes{font-size:var(--font-size-sm)}.patient-notes{background:#ffffff0d;border:1px solid var(--color-card-border);border-radius:var(--radius-base);color:var(--color-text);margin:0;padding:var(--space-12);white-space:pre-wrap}.patient-card-actions{border-top:1px solid var(--color-card-border);display:flex;gap:var(--space-12);justify-content:center;margin-top:var(--space-24);padding-top:var(--space-16)}.patient-card-actions .btn--icon{height:44px;width:44px}@media (max-width:600px){.patient-card-modal{margin:var(--space-12);max-height:90vh}.patient-info-grid{grid-template-columns:1fr}.patient-card-actions{flex-direction:column}.patient-card-actions .btn{width:100%}}.patients-list-container{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-20)}.patients-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-12);justify-content:space-between;margin-bottom:var(--space-16)}.patients-list-header h3{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.patients-search{flex:1 1;max-width:300px}.patients-search .form-control{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-8) var(--space-12);width:100%}.patients-list-loading,.patients-search .form-control::placeholder{color:var(--color-text-secondary)}.patients-list-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-32)}.patients-list-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}.patients-empty{color:var(--color-text-secondary);padding:var(--space-32);text-align:center}.patients-empty .muted{font-size:var(--font-size-sm);margin-top:var(--space-8);opacity:.7}.patients-list{display:flex;flex-direction:column;gap:var(--space-12)}.patient-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-md);transition:box-shadow var(--duration-fast) var(--ease-standard)}.patient-card:hover{box-shadow:var(--shadow-md)}.patient-header{align-items:center;cursor:pointer;display:flex;gap:var(--space-12);justify-content:space-between;padding:var(--space-12) var(--space-16)}.patient-header:hover{background:var(--color-secondary)}.patient-info{flex:1 1;gap:var(--space-2)}.patient-name{font-weight:var(--font-weight-semibold)}.patient-phone{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.patient-stats{display:flex;gap:var(--space-8)}.stat-badge{background:var(--color-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--space-4) var(--space-8)}.stat-badge.primary{background:rgba(var(--color-teal-500-rgb),.15);color:var(--color-primary)}.expand-btn{align-items:center;background:var(--color-secondary);border:none;border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:28px;justify-content:center;transition:all var(--duration-fast) var(--ease-standard);width:28px}.expand-btn:hover{background:var(--color-primary);color:#fff}.patient-extractions{background:rgba(var(--color-teal-500-rgb),.03);border-top:1px solid var(--color-card-border);padding:var(--space-12) var(--space-16)}.loading-inline,.no-extractions{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--space-12);text-align:center}.extraction-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-base);margin-bottom:var(--space-8);padding:var(--space-12)}.extraction-card:last-child{margin-bottom:0}.extraction-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.extraction-date{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.source-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-8)}.source-badge.ordobox{background:linear-gradient(135deg,var(--color-primary),var(--color-violet));color:#fff}.source-badge.direct{background:var(--color-secondary);color:var(--color-text-secondary)}.extraction-medications{margin-bottom:var(--space-8)}.extraction-medications strong{color:var(--color-text);display:block;font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.extraction-medications ul{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;padding-left:var(--space-16)}.extraction-medications li{margin-bottom:var(--space-2)}.extraction-medications .muted{font-style:italic;opacity:.7}.extraction-duration{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-12)}.extraction-card .btn{align-items:center;display:flex;gap:var(--space-8);justify-content:center;width:100%}.extraction-card .quota-indicator{font-size:var(--font-size-xs);opacity:.8}@media (prefers-color-scheme:dark){.patients-list-container{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2))}.extraction-card,.patient-card{background:var(--color-surface);border-color:var(--color-card-border)}.patient-extractions{background:rgba(var(--color-teal-300-rgb),.05)}}@media (max-width:640px){.patients-list-header{align-items:stretch;flex-direction:column}.patients-search{max-width:none}.patient-header{flex-wrap:wrap}.patient-stats{margin-top:var(--space-8);width:100%}}.renewal-empty,.renewal-loading{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center}.renewal-loading .loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border);border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:32px;margin:0 auto var(--space-4) auto;width:32px}.renewal-empty p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0}.patients-section{margin-top:var(--space-24)}.loading-progress-container{align-items:center;animation:fadeIn .3s ease-in;display:flex;justify-content:center;position:relative;width:100%;z-index:10}.loading-progress-content{max-width:400px;text-align:center;width:90%}.loading-spinner{height:80px;margin:0 auto 24px;position:relative;width:80px}.spinner-ring{animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;border-top-color:#6b79f5;height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#4ecdc4}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#926ce0}.loading-label{animation:fadeInUp .3s ease-in;color:#333;color:var(--color-text,#333);font-size:18px;font-weight:600;margin-bottom:16px;min-height:28px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-bar-container{background:#e8eaff;background:var(--color-background,#e8eaff);border-radius:8px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#6b79f5,#4ecdc4);border-radius:8px;box-shadow:0 0 12px #6b79f566;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.progress-percent{color:#6b79f5;color:var(--color-primary,#6b79f5);font-family:Courier New,monospace;font-size:14px;font-weight:600}.loading-info{animation:pulse 2s ease-in-out infinite;color:#666;color:var(--color-text-secondary,#666);font-size:13px;font-style:italic;margin-top:16px}@media (prefers-color-scheme:dark){.loading-label{color:#fff;color:var(--color-text,#fff)}.progress-bar-container{background:#2a2a2a;background:var(--color-background,#2a2a2a)}.progress-percent{color:#6b79f5;color:var(--color-primary,#6b79f5)}.loading-info{color:#ccc;color:var(--color-text-secondary,#ccc)}}.ordobox-source-banner{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-violet));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;display:flex;gap:var(--space-12);margin-bottom:var(--space-16);padding:var(--space-12) var(--space-16)}.ordobox-badge{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);gap:var(--space-6)}.ordobox-badge,.ordobox-info{align-items:center;display:flex}.ordobox-info{flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-8);opacity:.95}.ordobox-info .urgency-indicator{animation:pulse-urgent 1.5s ease-in-out infinite;background:#ffffff40;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--space-2) var(--space-8);text-transform:uppercase}@keyframes pulse-urgent{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-color-scheme:dark){.ordobox-source-banner{background:linear-gradient(135deg,var(--color-primary),var(--color-violet));box-shadow:0 4px 16px #32b8c64d}}.card.generate-panel.upload-panel{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2))!important;border-color:var(--color-card-border)!important}.card.generate-panel.upload-panel .upload-area,.upload-stage .upload-area{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2))!important;border:2px dashed var(--color-border)!important;border-radius:var(--radius-lg)!important;cursor:pointer!important;padding:var(--space-32)!important;text-align:center!important;transition:all var(--duration-fast) var(--ease-standard)!important}.card.generate-panel.upload-panel .upload-area.dragover,.card.generate-panel.upload-panel .upload-area:hover,.upload-stage .upload-area.dragover,.upload-stage .upload-area:hover{background:var(--color-secondary)!important;border-color:var(--color-primary)!important;transform:translateY(-2px)!important}.card.generate-panel.upload-panel .upload-area .btn--primary,.upload-stage .upload-area .btn--primary{background:var(--color-violet)!important;color:#fff!important}.card.generate-panel.upload-panel .upload-area .btn--primary:hover,.upload-stage .upload-area .btn--primary:hover{background:var(--color-violet-hover)!important;box-shadow:0 8px 24px #926ce066!important;transform:translateY(-2px)!important}.card.generate-panel.upload-panel .upload-area .btn--primary:active,.upload-stage .upload-area .btn--primary:active{background:var(--color-violet-active)!important}.card.generate-panel.upload-panel .upload-area .upload-icon,.upload-stage .upload-area .upload-icon{font-size:48px!important;margin-bottom:var(--space-16)!important;opacity:.7!important}.card.generate-panel.upload-panel .upload-area h3,.upload-stage .upload-area h3{color:var(--color-text)!important;margin-bottom:var(--space-8)!important}.card.generate-panel.upload-panel .upload-area p,.upload-stage .upload-area p{color:var(--color-text-secondary)!important;font-size:var(--font-size-sm)!important;margin-bottom:var(--space-16)!important}.card.generate-panel.upload-panel .upload-area .upload-buttons,.upload-stage .upload-area .upload-buttons{display:flex!important;flex-wrap:wrap!important;gap:var(--space-12)!important;justify-content:center!important}.upload-loading-inline{align-items:center;background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid var(--color-card-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-16);justify-content:center;min-height:300px;padding:var(--space-32);text-align:center}.loading-message{color:#666;color:var(--color-text-secondary,#666);font-size:18px;font-size:var(--font-size-lg,18px);margin:0}.loading-message strong{color:#2b7cee;color:var(--color-primary,#2b7cee);font-weight:700;font-weight:var(--font-weight-bold,700)}.optimization-status{color:#666;color:var(--color-text-secondary,#666);font-size:14px;font-size:var(--font-size-sm,14px);font-style:italic;margin:0}@media (prefers-color-scheme:dark){.card.generate-panel.upload-panel{border-color:var(--color-card-border)!important}.card.generate-panel.upload-panel,.card.generate-panel.upload-panel .upload-area,.upload-stage .upload-area{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2))!important}.card.generate-panel.upload-panel .upload-area .btn--primary,.upload-stage .upload-area .btn--primary{background:var(--color-violet)!important}.card.generate-panel.upload-panel .upload-area .btn--primary:hover,.upload-stage .upload-area .btn--primary:hover{background:var(--color-violet-hover)!important}.card.patient-form,.upload-loading-inline{background:linear-gradient(135deg,#1e1e1e,#121212);background:linear-gradient(135deg,var(--color-surface,#1e1e1e),var(--color-background,#121212));border-color:#333;border-color:var(--color-card-border,#333)}.loading-message{color:#ccc;color:var(--color-text-secondary,#ccc)}.loading-message strong{color:#2b7cee;color:var(--color-primary,#2b7cee)}.optimization-status{color:#ccc;color:var(--color-text-secondary,#ccc)}}.recovery-section{background:linear-gradient(135deg,#fff3cd,#ffe69c);border:1px solid #ffc107;border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm,0 2px 4px #0000001a);margin-top:24px;margin-top:var(--space-24,24px);padding:20px;padding:var(--space-20,20px);transition:all .3s ease;transition:all var(--duration-normal,.3s) var(--ease-standard,ease)}.recovery-section:hover{box-shadow:0 4px 8px #00000026;box-shadow:var(--shadow-md,0 4px 8px #00000026);transform:translateY(-2px)}.recovery-section p:first-child{align-items:center;color:#856404;display:flex;font-size:16px;font-size:var(--font-size-base,16px);font-weight:700;font-weight:var(--font-weight-bold,700);gap:8px;gap:var(--space-8,8px);margin-bottom:12px;margin-bottom:var(--space-12,12px)}.recovery-section .hint{color:#856404;font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.5;margin-top:12px;margin-top:var(--space-12,12px);opacity:.9}.recovery-section .btn{margin-right:12px;margin-right:var(--space-12,12px)}@media (prefers-color-scheme:dark){.recovery-section{background:linear-gradient(135deg,#3d2f00,#5a4200);border-color:#ffc107}.recovery-section p:first-child{color:#ffc107}.recovery-section .hint{color:#ffc107;opacity:.8}}.generic-selector{display:inline-block;z-index:auto!important}.generic-selector-toggle{align-items:center;background:linear-gradient(135deg,#2b7cee,#926ce0);background:linear-gradient(135deg,var(--color-primary,#2b7cee),var(--color-violet,#926ce0));border:none;border-radius:999px;border-radius:var(--radius-full,999px);color:#fff;cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);gap:4px;gap:var(--space-4,4px);padding:6px 12px;padding:var(--space-6,6px) var(--space-12,12px);transition:all .2s ease;transition:all var(--duration-fast,.2s) var(--ease-standard,ease);white-space:nowrap}.generic-selector-toggle:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md,0 4px 12px #00000026);transform:scale(1.05)}.generic-selector-error,.generic-selector-loading{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:14px;font-size:var(--font-size-sm,14px);gap:8px;gap:var(--space-8,8px);padding:8px 12px;padding:var(--space-8,8px) var(--space-12,12px)}.generic-selector-error{color:#ef4444}.spinner-small{animation:spin .6s linear infinite;border:2px solid #e0e0e0;border-top-color:#2b7cee;border:2px solid var(--color-border,#e0e0e0);border-radius:50%;border-top-color:var(--color-primary,#2b7cee);height:16px;width:16px}.generic-selector-dropdown{animation:slideDown .2s ease-out;background:#fffdfb;background:var(--color-surface,#fffdfb);border:1px solid #e0e0e0;border:1px solid var(--color-card-border,#e0e0e0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 20px 60px #00000059,0 8px 24px #0003;display:flex;flex-direction:column;isolation:isolate;max-width:500px;min-width:350px;overflow:hidden;position:fixed!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.medication-card .form-group{overflow:visible!important}.generic-selector-header{align-items:center;background:#f5f5f5;background:var(--color-background,#f5f5f5);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--color-card-border,#e0e0e0);color:#000;color:var(--color-text,#000);display:flex;font-weight:600;font-weight:var(--font-weight-semibold,600);justify-content:space-between;padding:12px;padding:var(--space-12,12px)}.generic-selector-close{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm,4px);color:#666;color:var(--color-text-secondary,#666);cursor:pointer;display:flex;font-size:20px;font-size:var(--font-size-xl,20px);height:24px;justify-content:center;padding:0;transition:all .2s ease;transition:all var(--duration-fast,.2s) var(--ease-standard,ease);width:24px}.generic-selector-close:hover{background:#f5f5f5;background:var(--color-background,#f5f5f5);color:#000;color:var(--color-text,#000)}.generic-selector-list{max-height:400px;overflow-y:auto}.generic-option{background:#fff;background:var(--color-surface,#fff);border:1px solid;border-color:#0000 #0000 #e0e0e0;border-bottom:1px solid var(--color-card-border,#e0e0e0);border-radius:8px;border-radius:var(--radius-sm,8px);cursor:pointer;margin:4px;margin:var(--space-4,4px);margin-bottom:4px;margin-bottom:var(--space-4,4px);padding:12px;padding:var(--space-12,12px);text-align:left;transition:all .15s ease;width:100%}.generic-option:last-child{border-bottom:none}.generic-option:hover{background:#f8fafc;background:var(--color-background,#f8fafc);border-color:#cbd5e1;border-color:var(--color-card-border,#cbd5e1);transform:translateX(4px)}.generic-option:active{transform:translateX(4px) scale(.98)}.generic-option-name{color:#000;color:var(--color-text,#000);font-size:14px;font-size:var(--font-size-sm,14px);margin-bottom:4px;margin-bottom:var(--space-4,4px)}.generic-option-laboratory,.generic-option-name{font-weight:500;font-weight:var(--font-weight-medium,500)}.generic-option-laboratory{color:#2b7cee;color:var(--color-primary,#2b7cee);margin-bottom:2px;margin-bottom:var(--space-2,2px)}.generic-option-laboratory,.generic-option-type{font-size:12px;font-size:var(--font-size-xs,12px)}.generic-option-type{color:#666;color:var(--color-text-secondary,#666);text-transform:uppercase}@media (prefers-color-scheme:dark){.generic-selector-loading{color:#a1a1aa}.generic-selector-dropdown{background:#2d2d32!important;border:1px solid #3f3f46!important;box-shadow:0 12px 48px #0009,0 0 0 1px #ffffff0d!important}.generic-selector-header{background:#1f1f23!important;border-bottom:1px solid #3f3f46!important;color:#fafafa!important}.generic-selector-close{color:#a1a1aa!important}.generic-selector-close:hover{background:#3f3f46!important;color:#fafafa!important}.generic-option,.generic-selector-list{background:#2d2d32!important}.generic-option{border-bottom:1px solid!important;border-color:#0000!important}.generic-option:hover{background:#3f3f46!important;border-color:#21808d!important;border-color:var(--color-primary,#21808d)!important}.generic-option-name{color:#fafafa!important}.generic-option-laboratory{color:#60a5fa!important}.generic-option-type{color:#a1a1aa!important}}.voice-btn-modern{align-items:center!important;background:linear-gradient(135deg,#6b79f5,#926ce0)!important;border:none!important;border-radius:50%!important;box-shadow:0 2px 8px #6b79f54d!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;opacity:1!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;transition:all .3s ease!important;visibility:visible!important;width:36px!important;z-index:5!important}.voice-btn-modern:hover:not(.disabled){box-shadow:0 4px 12px #6b79f580;transform:translateY(-50%) scale(1.1)}.voice-btn-modern.listening{animation:pulse-mic 1.5s ease-in-out infinite;background:linear-gradient(135deg,#f5576c,#f093fb)}.voice-btn-modern.disabled{background:#ccc;cursor:not-allowed;opacity:.5}.voice-btn-modern svg{color:#fff;height:18px;width:18px}.pulse-ring{animation:pulse-ring 1.5s ease-out infinite;border:2px solid #f5576c99;border-radius:50%;height:48px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:48px}@keyframes pulse-ring{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes pulse-mic{0%,to{box-shadow:0 4px 12px #f5576c80}50%{box-shadow:0 6px 20px #f5576ccc}}.medication-card{background:#fff;background:var(--color-surface,#fff);border:3px solid #e0e0e0!important;border:3px solid var(--color-card-border,#e0e0e0)!important;border-radius:12px;margin-bottom:16px;padding:20px;position:relative;transition:all .3s ease;z-index:1}.medication-card:has(.generic-selector-dropdown){z-index:1000!important}.medication-card.dropdown-open{z-index:1000!important}.medication-card.validated{border-color:#10b981!important}.medication-card.validation-error{animation:shake-error .5s ease-in-out;border-color:#ef4444!important}@keyframes shake-error{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.validation-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:4px;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.validation-badge.validated{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.validation-badge.pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn--success{align-items:center!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:6px!important;color:#fff!important;display:inline-flex!important;font-weight:500!important;opacity:1!important;padding:8px 16px!important;transition:all .3s ease!important;visibility:visible!important}.btn--success:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn--success.is-complete{background:#6b7280;cursor:default}.btn--danger{align-items:center!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;border-radius:6px!important;color:#fff!important;display:inline-flex!important;font-weight:500!important;opacity:1!important;padding:8px 16px!important;transition:all .3s ease!important;visibility:visible!important}.btn--danger:hover{box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.input-with-voice{position:relative;width:100%}.input-with-voice input,.input-with-voice textarea{padding-right:52px}.confidence-indicator,.search-indicator{color:#6b7280;display:block;font-size:12px;font-style:italic;margin-top:6px}.confidence-indicator{color:#10b981;font-weight:600}.search-error{color:#ef4444;display:block;font-size:12px;font-weight:500;margin-top:6px}.medication-header{align-items:flex-start;margin-bottom:16px}.original-detection{background:#f3f4f6;border-radius:6px;font-size:13px;margin-bottom:16px;padding:8px}.medication-name-group{margin-bottom:16px}@media (prefers-color-scheme:dark){.medication-card{background:#1f2937;background:var(--color-surface-dark,#1f2937);border-color:#374151;border-color:var(--color-card-border-dark,#374151)}.medication-card.validated{background:linear-gradient(135deg,#10b9811a,#1f2937)}.original-detection{background:#374151;color:#e5e7eb}}.input-with-voice .voice-btn-modern{display:flex!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;visibility:visible!important;z-index:100!important}.medication-card.validated{background:linear-gradient(135deg,#10b9810d,#fff)!important;border:3px solid #10b981!important;box-shadow:0 0 0 4px #10b98126!important}.medication-card.validation-error{animation:shake-error .5s ease-in-out!important;border:3px solid #ef4444!important;box-shadow:0 0 0 4px #ef444433!important}.validation-controls{display:flex!important;gap:12px!important;margin-top:16px!important}.btn--danger,.btn--success,.validation-controls{opacity:1!important;visibility:visible!important}.btn--danger,.btn--success{align-items:center!important;display:inline-flex!important;padding:8px 16px!important}.medication-card{overflow:visible!important}.generic-selector,.medication-card{position:relative!important;z-index:1!important}.generic-selector-dropdown{background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;left:0!important;margin-top:4px!important;max-height:none!important;overflow:visible!important;position:absolute!important;right:0!important;top:100%!important;z-index:999999!important}.generic-selector-list{max-height:300px!important;overflow-x:hidden!important;overflow-y:auto!important}.validation-section,.validation-shell{background:#0000}.validation-shell .card{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-xs,0 1px 3px #0000001a);padding:24px;padding:var(--space-24,24px);transition:box-shadow .3s ease;transition:box-shadow var(--duration-normal,.3s) var(--ease-standard,ease)}.validation-shell .card:hover{box-shadow:0 2px 6px #00000026;box-shadow:var(--shadow-sm,0 2px 6px #00000026)}@media (prefers-color-scheme:dark){.validation-shell .card{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2))!important}}.patient-fields{grid-gap:16px;grid-gap:var(--space-16,16px);display:grid;gap:16px;gap:var(--space-16,16px);grid-template-columns:1fr}@media (min-width:768px){.patient-fields{grid-template-columns:1fr 1fr}.patient-fields .form-group:first-child,.patient-fields .form-group:nth-child(2){grid-column:1/-1}}.validation-buttons-group{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-16,16px);justify-content:center;margin-top:16px;margin-top:var(--space-16,16px)}.validation-buttons-group .btn--lg{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--space-4,4px);max-width:320px;min-width:200px;padding:16px 24px;padding:var(--space-16,16px) var(--space-24,24px)}.validation-buttons-group .btn--secondary{background:var(--color-surface);border:2px solid var(--color-primary);color:var(--color-primary)}.validation-buttons-group .btn--secondary:hover:not(:disabled){background:var(--color-primary);color:#fff}.validation-buttons-group .btn .btn-icon{align-items:center;display:flex;justify-content:center}.validation-buttons-group .btn .btn-icon svg{flex-shrink:0}.save-patient-btn{border-style:solid}.generate-plan-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-violet))!important}.generate-plan-btn:hover:not(:disabled){box-shadow:0 8px 24px #926ce066;transform:translateY(-2px)}.quota-indicator{font-size:11px;font-size:var(--font-size-xs,11px);font-weight:400;font-weight:var(--font-weight-normal,400);opacity:.8}@media (prefers-color-scheme:dark){.validation-buttons-group .btn--secondary{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.validation-buttons-group .btn--secondary:hover:not(:disabled){background:var(--color-primary);color:var(--color-btn-primary-text)}}.processing-section{padding:32px 0;padding:var(--space-8,32px) 0}.processing-panel{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-sm);color:var(--color-text);overflow:hidden;padding:48px;padding:var(--space-12,48px);position:relative}.processing-panel:before{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border-radius:inherit;bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.processing-status{position:relative;text-align:center;z-index:1}.processing-status h2{color:var(--color-text);font-size:24px;font-size:var(--font-size-2xl,24px);font-weight:700;font-weight:var(--font-weight-bold,700);margin-bottom:32px;margin-bottom:var(--space-8,32px)}@media (prefers-color-scheme:dark){.processing-panel{box-shadow:0 12px 32px #6b79f580}.processing-status h2{text-shadow:0 2px 4px #0006}}.result-section{padding:32px 0;padding:var(--space-8,32px) 0}.result-panel{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:var(--shadow-sm);color:var(--color-text);overflow:hidden;padding:48px;padding:var(--space-12,48px);position:relative}.result-panel:before{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border-radius:inherit;bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.result-panel .hero__eyebrow{display:none}.result-panel h2{color:var(--color-text);font-size:24px;font-size:var(--font-size-2xl,24px);font-weight:700;font-weight:var(--font-weight-bold,700);margin-bottom:16px;margin-bottom:var(--space-4,16px);text-align:center}.result-panel h2:after{content:"";display:none}.result-message{font-size:18px;font-size:var(--font-size-lg,18px);opacity:.9;text-align:center}.result-message,.result-success{margin-bottom:32px;margin-bottom:var(--space-8,32px)}.result-success{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;border-radius:var(--radius-lg,12px);flex-direction:column;padding:24px;padding:var(--space-6,24px)}.result-success,.success-icon{align-items:center;display:flex}.success-icon{background:linear-gradient(135deg,#21808d,#926ce0);background:linear-gradient(135deg,var(--color-primary,#21808d),var(--color-violet,#926ce0));border-radius:50%;box-shadow:0 4px 12px #926ce066;font-size:24px;font-weight:700;height:48px;justify-content:center;margin:0 auto 16px;margin:0 auto var(--space-4,16px) auto;width:48px}.success-icon:after{color:#fff;content:"✓";text-shadow:0 2px 4px #0000004d}.result-success h3{font-size:20px;font-size:var(--font-size-xl,20px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0;text-align:center}.pdf-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg,12px);margin-bottom:32px;margin-bottom:var(--space-8,32px);padding:32px;padding:var(--space-8,32px)}.pdf-info-content h4{font-size:var(--font-size-lg,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin-bottom:var(--space-2,8px);text-align:center}.pdf-info-content p{margin-bottom:0;opacity:.9;text-align:center}.download-code{margin-bottom:24px;margin-bottom:var(--space-6,24px);text-align:center}.download-code label{display:block;font-weight:500;font-weight:var(--font-weight-medium,500);margin-bottom:8px;margin-bottom:var(--space-2,8px);opacity:.9}.code-display{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;font-family:monospace;font-size:18px;font-size:var(--font-size-lg,18px);font-weight:700;font-weight:var(--font-weight-bold,700);letter-spacing:2px;padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);text-align:center}.pdf-download{margin-top:24px;margin-top:var(--space-6,24px);text-align:center}.pdf-download .btn--primary{background:linear-gradient(135deg,#10b981,#34d399);border:none;border-radius:12px;border-radius:var(--radius-lg,12px);color:#fff;font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;font-weight:var(--font-weight-semibold,600);padding:16px 32px;padding:var(--space-4,16px) var(--space-8,32px);transition:all .2s ease;transition:all var(--duration-fast,.2s) var(--ease-standard,ease)}.pdf-download .btn--primary:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.pdf-download .btn--primary:active{transform:translateY(0)}.pdf-download .btn--primary:disabled{cursor:not-allowed;opacity:.7;transform:none}@keyframes documentBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.result-stats{margin-bottom:32px;margin-bottom:var(--space-8,32px)}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-lg,12px);min-width:200px;padding:var(--space-6,24px)}.stat-value{color:gold;font-size:30px;font-size:var(--font-size-3xl,30px);font-weight:700;font-weight:var(--font-weight-bold,700);margin-bottom:8px;margin-bottom:var(--space-2,8px);text-shadow:0 2px 4px #0000004d}.stat-label{font-size:14px;font-size:var(--font-size-sm,14px);font-weight:var(--font-weight-medium,500);opacity:.9}.result-actions{margin-top:32px;margin-top:var(--space-8,32px);text-align:center}.result-actions .btn--primary{background:linear-gradient(135deg,#f59e0b,#f97316);border:none;border-radius:12px;border-radius:var(--radius-lg,12px);color:#fff;font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;font-weight:var(--font-weight-semibold,600);padding:16px 32px;padding:var(--space-4,16px) var(--space-8,32px);transition:all .2s ease;transition:all var(--duration-fast,.2s) var(--ease-standard,ease)}.result-actions .btn--primary:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.result-actions .btn--primary:active{transform:translateY(0)}.error-message{color:#ef4444;font-weight:500;font-weight:var(--font-weight-medium,500);margin-top:16px;margin-top:var(--space-4,16px);text-align:center}@media (prefers-color-scheme:dark){.result-panel{box-shadow:0 12px 32px #6b79f580}.download-code label,.pdf-info-content h4,.result-panel h2,.stat-label{text-shadow:0 2px 4px #0006}.result-success{background:#0003}.code-display,.pdf-info,.stat-card{background:#0003;border-color:#ffffff1a}}.prescription-viewer{background:#fff;background:var(--color-surface,#fff);border:1px solid #e0e0e0;border:1px solid var(--color-card-border,#e0e0e0);border-radius:12px;border-radius:var(--radius-lg,12px);cursor:crosshair;position:relative;width:100%}.prescription-image{border-radius:12px;border-radius:var(--radius-lg,12px);display:block;transition:opacity .2s ease;width:100%}.magnifier-lens{animation:magnifierAppear .15s ease-out;-webkit-backdrop-filter:contrast(1.05);backdrop-filter:contrast(1.05);background-repeat:no-repeat;border:3px solid #21808d;border:3px solid var(--color-primary,#21808d);border-radius:50%;box-shadow:0 0 0 3px #fffc,0 8px 32px #0000004d,inset 0 0 20px #0000001a;pointer-events:none;position:absolute;z-index:100}@keyframes magnifierAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.magnifier-hint{align-items:center;background:linear-gradient(135deg,#21808d,#926ce0);background:linear-gradient(135deg,var(--color-primary,#21808d),var(--color-violet,#926ce0));border-radius:999px;border-radius:var(--radius-full,999px);bottom:8px;bottom:var(--space-8,8px);box-shadow:0 2px 8px #0003;color:#fff;display:flex;font-size:11px;font-size:var(--font-size-xs,11px);font-weight:500;font-weight:var(--font-weight-medium,500);gap:4px;gap:var(--space-4,4px);opacity:.9;padding:4px 8px;padding:var(--space-4,4px) var(--space-8,8px);pointer-events:none;position:absolute;right:8px;right:var(--space-8,8px)}.magnifier-hint svg{flex-shrink:0}.prescription-viewer-loading{align-items:center;background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1,#3b82f614),var(--color-bg-2,#f59e0b14));border:1px solid #e0e0e0;border:1px solid var(--color-card-border,#e0e0e0);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:32px;padding:var(--space-32,32px)}.prescription-viewer-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e0e0e0;border-top-color:#21808d;border:3px solid var(--color-border,#e0e0e0);border-radius:50%;border-top-color:var(--color-primary,#21808d);height:40px;margin-bottom:12px;margin-bottom:var(--space-12,12px);width:40px}.prescription-viewer-loading p{color:#666;color:var(--color-text-secondary,#666);font-size:14px;font-size:var(--font-size-sm,14px);margin:0}.prescription-viewer-error{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;justify-content:center;min-height:150px;padding:24px;padding:var(--space-24,24px)}.prescription-viewer-error p{color:#ef4444;color:var(--color-error,#ef4444);font-size:14px;font-size:var(--font-size-sm,14px);margin:0}@media (prefers-color-scheme:dark){.prescription-viewer{background:#2d2d32;background:var(--color-surface,#2d2d32);border-color:#3f3f46;border-color:var(--color-card-border,#3f3f46)}.magnifier-lens{border-color:#32b8c6;border-color:var(--color-primary,#32b8c6);box-shadow:0 0 0 3px #00000080,0 8px 32px #00000080,inset 0 0 20px #ffffff0d}.prescription-viewer-loading{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border-color:#3f3f46;border-color:var(--color-card-border,#3f3f46)}.prescription-viewer-loading .loading-spinner{border-color:#3f3f46;border-color:var(--color-border,#3f3f46);border-top-color:#32b8c6;border-top-color:var(--color-primary,#32b8c6)}.prescription-viewer-loading p{color:#a1a1aa;color:var(--color-text-secondary,#a1a1aa)}.prescription-viewer-error{background:#ef444426;border-color:#ef44444d}}@media (max-width:640px){.magnifier-hint{display:none}}.history-search{flex-wrap:wrap;gap:var(--space-16);margin-bottom:var(--space-20)}.search-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.date-search-input{background:var(--color-background);border:2px solid var(--color-card-border);font-size:var(--font-size-base);min-width:160px;padding:var(--space-10) var(--space-16);transition:all var(--duration-fast) var(--ease-standard)}.date-search-input:focus{box-shadow:var(--focus-ring)}.date-filter-actions{display:flex;gap:var(--space-8)}.date-filter-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-card-border);border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-6);padding:var(--space-10) var(--space-16);transition:all var(--duration-fast) var(--ease-standard)}.date-filter-btn:hover{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff;transform:translateY(-1px)}.date-filter-btn:active{transform:translateY(0)}.prescription-viewer{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1 1;height:calc(100vh - 400px);min-height:600px;overflow:hidden}.prescription-iframe{display:block}@media (max-width:768px){.history-search{align-items:stretch;flex-direction:column}.date-filter-actions,.date-search-input{width:100%}.date-filter-btn{flex:1 1;justify-content:center}.prescription-viewer{height:400px;min-height:400px}}.patient-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--color-surface,#fff);border-left:4px solid;border-radius:16px;box-shadow:0 2px 4px #00000014,0 1px 2px #0000000a;cursor:move;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.patient-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.patient-card:hover:before{left:100%}.patient-card:hover{border-left-width:6px;box-shadow:0 12px 24px #00000026,0 6px 12px #0000001a,0 0 0 1px #0000000d;transform:translateY(-6px) scale(1.02)}.patient-card:active{transform:translateY(-2px) scale(1.01);transition:all .1s ease}.patient-card__header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:14px;position:relative}.patient-card__name{color:#1f2937;color:var(--color-text,#1f2937);flex:1 1;font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0}.badge--urgent{animation:urgent-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;box-shadow:0 2px 4px #dc262633,inset 0 1px 0 #ffffff4d;color:#dc2626;font-size:11px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:6px 12px;position:relative;text-transform:uppercase}.badge--urgent:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes urgent-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.patient-card__order-number{font-family:Courier New,monospace;font-weight:600;letter-spacing:.5px;opacity:.8}.patient-card__date,.patient-card__delivery,.patient-card__order-number{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:13px;margin-bottom:10px}.patient-card__date,.patient-card__delivery{align-items:center;display:flex;gap:6px}.patient-card__delivery .slot{background:#8b5cf61a;border-radius:6px;color:#8b5cf6;color:var(--color-primary,#8b5cf6);font-size:12px;font-weight:600;padding:2px 8px}.patient-card__medications{background:#3b82f614;background:var(--color-bg-1,#3b82f614);border:1px solid #0000000d;border:1px solid var(--color-border,#0000000d);border-radius:12px;margin:14px 0;padding:14px;transition:all .2s ease}.patient-card__medications:hover{background:#3b82f61f;background:var(--color-bg-1,#3b82f61f);transform:translateX(2px)}.medications-preview strong{color:#374151;color:var(--color-text,#374151);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.medications-preview ul{list-style:none;margin:0 0 8px;padding:0}.medications-preview li{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:13px;padding:4px 0 4px 16px;position:relative}.medications-preview li:before{color:#8b5cf6;color:var(--color-primary,#8b5cf6);content:"•";font-weight:700;left:0;position:absolute}.medications-more{color:#8b5cf6;color:var(--color-primary,#8b5cf6);font-size:12px;font-style:italic;font-weight:500}.treatment-duration{align-items:center;border-top:1px solid #0000001a;border-top:1px solid var(--color-border,#0000001a);color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:12px;gap:6px;margin-top:10px;padding-top:10px}.patient-card__renewal-alert{align-items:flex-start;animation:renewal-alert-pulse 3s ease-in-out infinite;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #f59e0b;border-radius:12px;box-shadow:0 4px 12px #f59e0b33,inset 0 1px 0 #ffffff80;display:flex;gap:12px;margin:14px 0;overflow:hidden;padding:14px;position:relative}.patient-card__renewal-alert:before{animation:renewal-glow 3s ease-in-out infinite;background:radial-gradient(circle,#f59e0b1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes renewal-alert-pulse{0%,to{box-shadow:0 4px 12px #f59e0b33,inset 0 1px 0 #ffffff80;transform:scale(1)}50%{box-shadow:0 6px 16px #f59e0b4d,inset 0 1px 0 #fff9;transform:scale(1.01)}}@keyframes renewal-glow{0%,to{opacity:.5}50%{opacity:1}}.alert-icon{animation:bell-ring 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3));font-size:24px;line-height:1;position:relative;z-index:1}@keyframes bell-ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0deg)}}.alert-content{flex:1 1;position:relative;z-index:1}.alert-content strong{color:#92400e;display:block;font-size:14px;font-weight:700;margin-bottom:6px}.alert-content small{color:#b45309;display:block;font-size:12px;opacity:.9}.patient-card__meta{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:flex;flex-wrap:wrap;font-size:12px;gap:16px;margin:14px 0}.patient-card__meta>div{align-items:center;display:flex;gap:6px}.patient-card__actions{border-top:1px solid #0000001a;border-top:1px solid var(--color-border,#0000001a);display:flex;gap:10px;margin-top:18px;padding-top:16px}.btn--icon{background:#f9fafb;border:2px solid #e5e7eb}.btn-icon-img{height:22px;width:22px}.btn--icon:hover{box-shadow:0 8px 16px #6b79f54d,0 4px 8px #6b79f533,inset 0 1px 0 #fff3}.btn--icon:hover .btn-icon-img,.btn.btn--icon:hover .btn-icon-img,.patient-card__actions .btn--icon:hover .btn-icon-img{filter:brightness(0) invert(1)!important;transform:scale(1.1)!important}.btn--icon:active{box-shadow:0 4px 8px #6b79f54d,inset 0 2px 4px #0000001a}.btn--icon:focus{box-shadow:0 0 0 3px #6b79f54d,0 8px 16px #6b79f54d}@media (prefers-color-scheme:dark){.patient-card{background:#1f2937;background:var(--color-surface,#1f2937);border-color:#ffffff1a;border-color:var(--color-border,#ffffff1a)}.patient-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.patient-card__name{color:#f9fafb;color:var(--color-text,#f9fafb)}.patient-card__medications{background:#1d4ed826;background:var(--color-bg-1,#1d4ed826);border-color:#ffffff1a;border-color:var(--color-border,#ffffff1a)}.medications-preview strong{color:#e5e7eb;color:var(--color-text,#e5e7eb)}.medications-preview li{color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.btn--icon{background:#374151;background:var(--color-surface,#374151);border-color:#4b5563;border-color:var(--color-border,#4b5563);box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff1a}.btn--icon:hover{box-shadow:0 8px 16px #6b79f566,0 4px 8px #6b79f54d,inset 0 1px 0 #fff3}.patient-card__actions,.treatment-duration{border-color:#ffffff1a;border-color:var(--color-border,#ffffff1a)}}@media (max-width:767px){.patient-card{border-radius:12px;padding:16px}.patient-card__name{font-size:16px}.patient-card__actions{gap:8px}.btn--icon{font-size:18px;height:40px;width:40px}}.kanban-view{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:100%;min-height:calc(100vh - 400px);overflow-x:visible;padding:24px 0;width:100%}@media (min-width:1400px){.kanban-view{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px) and (max-width:1399px){.kanban-view{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1023px){.kanban-view{gap:20px;grid-template-columns:repeat(2,1fr);padding:20px 0}}@media (max-width:767px){.kanban-view{gap:16px;grid-template-columns:1fr;padding:16px 0}}.kanban-column{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #0000001a;border:1px solid var(--color-card-border,#0000001a);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;max-height:calc(100vh - 200px);min-height:400px;overflow:hidden;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.kanban-column:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.kanban-column.has-renewals{animation:renewals-glow 3s ease-in-out infinite;box-shadow:0 0 0 3px #f59e0b4d,0 10px 15px -3px #f59e0b33,0 4px 6px -2px #f59e0b1a}@keyframes renewals-glow{0%,to{box-shadow:0 0 0 3px #f59e0b4d,0 10px 15px -3px #f59e0b33,0 4px 6px -2px #f59e0b1a}50%{box-shadow:0 0 0 3px #f59e0b80,0 10px 15px -3px #f59e0b4d,0 4px 6px -2px #f59e0b33}}.kanban-column__header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;background:var(--color-surface,#fffffff2);border-radius:16px 16px 0 0;border-top:5px solid;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin:0;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.column-title{align-items:center;display:flex;gap:12px}.column-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:24px}.kanban-column__header h3{color:#1f2937;color:var(--color-text,#1f2937);font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}.count-badge{border-radius:20px;box-shadow:0 2px 4px #0003,inset 0 1px 0 #fff3;color:#fff;font-size:14px;font-weight:700;min-width:32px;padding:6px 14px;text-align:center;transition:all .2s ease}.count-badge:hover{box-shadow:0 4px 8px #0000004d,inset 0 1px 0 #ffffff4d;transform:scale(1.05)}.kanban-column__cards{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:200px;overflow-x:hidden;overflow-y:auto;padding:16px}.kanban-column__cards::-webkit-scrollbar{width:6px}.kanban-column__cards::-webkit-scrollbar-track{background:#0000;border-radius:10px}.kanban-column__cards::-webkit-scrollbar-thumb{background:#0003;background:var(--color-border,#0003);border-radius:10px;-webkit-transition:background .2s ease;transition:background .2s ease}.kanban-column__cards::-webkit-scrollbar-thumb:hover{background:#0006;background:var(--color-text-secondary,#0006)}.kanban-empty{align-items:center;color:#9ca3af;color:var(--color-text-secondary,#9ca3af);display:flex;flex:1 1;flex-direction:column;font-size:14px;font-style:italic;gap:12px;justify-content:center;padding:60px 20px;text-align:center}.kanban-empty:before{content:"📭";font-size:48px;margin-bottom:8px;opacity:.5}.kanban-column.drag-over{background:#6b79f50d;border:2px dashed #6b79f580;transform:scale(1.02)}@media (prefers-color-scheme:dark){.kanban-column{background:#1f2937;background:var(--color-surface,#1f2937)}.kanban-column,.kanban-column__header{border-color:#ffffff1a;border-color:var(--color-border,#ffffff1a)}.kanban-column__header{background:#1f2937f2;background:var(--color-surface,#1f2937f2)}.kanban-column__header h3{color:#f9fafb;color:var(--color-text,#f9fafb)}.kanban-empty{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.kanban-column[data-status=pending_validation] .kanban-column__header{border-top-color:#fcd34d}.kanban-column[data-status=preparing] .kanban-column__header{border-top-color:#c4b5fd}.kanban-column[data-status=ready] .kanban-column__header{border-top-color:#6ee7b7}.kanban-column[data-status=delivered] .kanban-column__header{border-top-color:#9ca3af}.kanban-column.has-renewals .kanban-column__header{animation:renewal-glow 2s ease-in-out infinite alternate;box-shadow:0 0 20px #ef44444d}@keyframes renewal-glow{0%{box-shadow:0 0 20px #ef44444d}to{box-shadow:0 0 30px #ef444499}}}@media (max-width:1023px){.kanban-column{max-height:calc(100vh - 150px);min-height:300px}}@media (max-width:767px){.kanban-column{max-height:none;min-height:auto}.kanban-column__header{margin:-20px -20px 16px;padding:12px 16px}.kanban-column__header h3{font-size:16px}.column-icon{font-size:20px}}.clicordo-section{--color-orange:var(--color-orange-500);--color-orange-light:rgba(var(--color-orange-500-rgb),0.1);--color-orange-border:rgba(var(--color-orange-500-rgb),0.3);--color-blue:var(--color-teal-500);--color-blue-light:rgba(var(--color-teal-500-rgb),0.1);--color-blue-border:rgba(var(--color-teal-500-rgb),0.3);--color-purple:#9333ea;--color-purple-light:#9333ea1a;--color-purple-border:#9333ea4d;--color-green:var(--color-success);--color-green-light:rgba(var(--color-success-rgb),0.1);--color-green-border:rgba(var(--color-success-rgb),0.3);--color-gray:var(--color-slate-500);--color-gray-light:rgba(var(--color-slate-500-rgb),0.1);--color-gray-border:rgba(var(--color-slate-500-rgb),0.3);--color-red:var(--color-error);--color-red-light:rgba(var(--color-error-rgb),0.1);--color-red-border:rgba(var(--color-error-rgb),0.3);background:var(--color-background);min-height:calc(100vh - 80px);padding:var(--spacing-2xl)}.ordobox-loading{align-items:center;background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid var(--color-card-border);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014,0 0 0 1px #0000000d;display:flex;justify-content:center;min-height:400px;padding:32px}.ordobox-spinner{height:80px;position:relative;width:80px}.ordobox-spinner .spinner-ring{animation:ordobox-spin 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;border-top-color:#6b79f5;height:100%;position:absolute;width:100%}.ordobox-spinner .spinner-ring:first-child{animation-delay:-.45s}.ordobox-spinner .spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#4ecdc4}.ordobox-spinner .spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#926ce0}@keyframes ordobox-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ordobox-main-card{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid var(--color-card-border);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014,0 0 0 1px #0000000d;overflow:hidden;padding:32px}.ordobox-header{margin-bottom:var(--spacing-2xl)}.ordobox-title{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm)}.ordobox-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-top:var(--spacing-xl)}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--color-surface);border-left:4px solid;box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.02)}.stat-card:hover:before{transform:translateX(0)}.stat-card:active{transform:translateY(-2px) scale(1.01)}.stat-card--active{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border-left-width:4px;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.stat-card--orange{border-left-color:var(--color-orange)}.stat-card--purple{border-left-color:var(--color-purple)}.stat-card--green{border-left-color:var(--color-green)}.stat-card--blue{border-left-color:var(--color-primary)}.stat-card--warning{animation:stat-pulse 2s ease-in-out infinite;border-left-color:#f59e0b}@keyframes stat-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.stat-value{color:var(--color-text);margin-bottom:var(--spacing-xs)}.stat-label{letter-spacing:.5px;text-transform:uppercase}.search-and-toggle-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-bar{align-items:center;background:#fff;background:var(--color-surface,#fff);border:2px solid #0000001a;border:2px solid var(--color-border,#0000001a);border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex:1 1;min-width:300px;padding:14px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-bar:focus-within{border-color:#6b79f5;border-color:var(--color-primary,#6b79f5);box-shadow:0 0 0 3px #6b79f51a,0 4px 8px #0000001a;transform:translateY(-1px)}.search-icon{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-size:18px;margin-right:10px}.search-input{background:#0000;border:none;color:#1f2937;color:var(--color-text,#1f2937);flex:1 1;font-size:15px;font-weight:500;outline:none}.search-input::placeholder{color:#9ca3af;color:var(--color-text-secondary,#9ca3af);font-weight:400}.search-clear{align-items:center;background:#9ca3af;background:var(--color-text-secondary,#9ca3af);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;margin-left:8px;transition:all .2s ease;width:24px}.search-clear:hover{background:#ef4444;background:var(--color-error,#ef4444);transform:scale(1.1)}.view-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;background:var(--color-surface,#fffc);border:1px solid #0000001a;border:1px solid var(--color-border,#0000001a);border-radius:12px;box-shadow:0 2px 4px #00000014,inset 0 1px 0 #ffffffe6;display:flex;gap:8px;padding:6px}.view-toggle .btn{border:2px solid #0000;border-radius:10px;font-size:13px;font-weight:600;letter-spacing:-.01em;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-toggle .btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.view-toggle .btn:hover:before{height:300px;width:300px}.view-toggle .btn--primary{background:linear-gradient(135deg,#6b79f5,#926ce0);border:none;box-shadow:0 4px 12px #6b79f566,0 2px 6px #6b79f54d,inset 0 1px 0 #fff3;color:#fff;transform:scale(1.02)}.view-toggle .btn--primary:hover{box-shadow:0 6px 16px #6b79f580,0 4px 8px #6b79f566,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.03)}.view-toggle .btn--primary:active{transform:translateY(0) scale(1)}.view-toggle .btn--outline{background:#fff;background:var(--color-surface,#fff);border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);box-shadow:0 2px 4px #0000000d,inset 0 1px 0 #fffc;color:#6b7280;color:var(--color-text-secondary,#6b7280)}.view-toggle .btn--outline:hover{border-color:#6b79f5;box-shadow:0 4px 8px #6b79f533,0 2px 4px #6b79f51a,inset 0 1px 0 #ffffffe6;color:#6b79f5;transform:translateY(-2px)}.view-toggle .btn--outline:active{transform:translateY(0)}.view-toggle .btn:focus{box-shadow:0 0 0 3px #6b79f54d,0 4px 12px #6b79f566;outline:none}@media (prefers-color-scheme:dark){.search-bar{background:#374151;background:var(--color-surface,#374151);border-color:#4b5563;border-color:var(--color-border,#4b5563)}.search-bar:focus-within{border-color:#50b8c6;border-color:var(--color-primary,#50b8c6);box-shadow:0 0 0 3px #50b8c633,0 4px 8px #0000004d}.search-input{color:#e5e7eb;color:var(--color-text,#e5e7eb)}.stat-card--active{background:linear-gradient(135deg,#1d4ed826,#b4530926)}.view-toggle{background:#1f2937cc;background:var(--color-surface,#1f2937cc);border-color:#ffffff1a;border-color:var(--color-border,#ffffff1a)}.view-toggle,.view-toggle .btn--outline{box-shadow:0 2px 4px #0000004d,inset 0 1px 0 #ffffff0d}.view-toggle .btn--outline{background:#374151;background:var(--color-surface,#374151);border-color:#4b5563;border-color:var(--color-border,#4b5563);color:#9ca3af;color:var(--color-text-secondary,#9ca3af)}.view-toggle .btn--outline:hover{border-color:#50b8c6;border-color:var(--color-primary,#50b8c6);box-shadow:0 4px 8px #50b8c64d,0 2px 4px #50b8c633,inset 0 1px 0 #ffffff1a;color:#50b8c6;color:var(--color-primary,#50b8c6)}.stat-card--orange{border-left-color:#fcd34d}.stat-card--purple{border-left-color:#c4b5fd}.stat-card--green{border-left-color:#6ee7b7}.stat-card--blue{border-left-color:#50b8c6;border-left-color:var(--color-primary,#50b8c6)}.stat-card--warning{animation:stat-pulse 2s ease-in-out infinite;border-left-color:#fcd34d}}@media (max-width:768px){.search-and-toggle-container{align-items:stretch;flex-direction:column}.search-bar{min-width:auto;width:100%}.view-toggle{justify-content:center;width:100%}.view-toggle .btn{flex:1 1;font-size:13px;padding:8px 16px}}.orders-table-container{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.orders-table-header{grid-gap:12px;background:var(--color-surface);border-bottom:2px solid var(--color-border);color:var(--color-text-secondary);display:grid;font-size:13px;font-weight:600;gap:12px;grid-template-columns:60px 1fr 60px 120px 140px 130px 150px 100px 150px;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase}.orders-table-body{max-height:calc(100vh - 500px);overflow-y:auto}.order-table-row{grid-gap:12px;align-items:center;border-bottom:1px solid var(--color-border);border-left:4px solid;display:grid;gap:12px;grid-template-columns:60px 1fr 60px 120px 140px 130px 150px 100px 150px;padding:16px 20px;transition:background .2s ease}.order-table-row:hover{background:#6b79f50d}.order-table-row:last-child{border-bottom:none}.table-col{align-items:center;display:flex;min-width:0}.table-col-action{justify-content:center}.table-col-patient{align-items:flex-start;flex-direction:column;gap:4px}.table-col-age{justify-content:center}.table-col-order{color:var(--color-text-secondary);font-family:monospace;font-weight:600}.table-col-status{justify-content:flex-start}.table-col-delivery{align-items:flex-start;flex-direction:column;gap:2px}.table-col-date{color:var(--color-text-secondary);font-size:13px}.table-col-files{align-items:flex-start;flex-direction:column;font-size:13px;gap:4px}.table-col-actions{justify-content:flex-end}.patient-info{display:flex;flex-direction:column;gap:4px}.patient-name{color:var(--color-text);font-size:15px;font-weight:600}.patient-age{color:var(--color-text);font-size:14px}.patient-age-missing{color:var(--color-text-secondary);font-size:14px}.urgency-badge-inline{animation:pulse 2s infinite;background:#fef2f2;border-radius:6px;color:#dc2626;display:inline-flex;font-size:10px;font-weight:700;padding:2px 8px;text-transform:uppercase}.order-number{color:var(--color-text-secondary);font-family:monospace;font-weight:600}.status-selector{border:1px solid var(--color-border);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;min-width:130px;padding:8px 12px;transition:all .2s ease}.status-selector:hover{box-shadow:0 2px 4px #0000001a}.delivery-type-inline{font-size:13px;font-weight:500}.collect-slot{color:var(--color-primary);font-size:12px;font-weight:600}.date-value,.files-count{color:var(--color-text-secondary);font-size:13px}.sms-indicator{background:#6b79f51a;border-radius:4px;color:var(--color-primary);display:inline-flex;font-size:10px;font-weight:600;padding:2px 6px}.row-actions{display:flex;gap:8px;justify-content:flex-end}.generate-btn{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.generate-btn:hover{background:linear-gradient(135deg,#6b79f5,#926ce0);border-color:#6b79f5;transform:scale(1.05)}.generate-btn-icon{height:20px;object-fit:contain;width:20px}.generate-btn:hover .generate-btn-icon{filter:brightness(0) invert(1)}.loading-spinner-small{animation:spin .6s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:20px;width:20px}.ordobox-details-btn,.ordobox-files-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.ordobox-details-btn:hover,.ordobox-files-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.empty-state{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:60px 20px}.empty-icon-image{height:80px;margin-bottom:16px;object-fit:contain;opacity:.5;width:80px}.empty-title{color:var(--color-text);font-size:20px;font-weight:600;margin-bottom:8px}.empty-text{color:var(--color-text-secondary);font-size:14px;margin-bottom:16px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:20px 24px}.modal-title{font-weight:600;margin:0}.modal-close,.modal-title{color:var(--color-text);font-size:20px}.modal-close{align-items:center;background:var(--color-secondary);border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:var(--color-error);color:#fff}.modal-body{padding:24px}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.modal-section-title{color:var(--color-text);font-size:16px;font-weight:600;margin-bottom:12px}.modal-info-grid{grid-gap:8px 16px;display:grid;font-size:14px;gap:8px 16px;grid-template-columns:120px 1fr}.modal-info-label{color:var(--color-text-secondary);font-weight:500}.modal-info-value{color:var(--color-text)}.modal-info-value a{color:var(--color-primary);text-decoration:none}.modal-info-value a:hover{text-decoration:underline}.modal-comments{background:var(--color-secondary);border-radius:8px;line-height:1.5;padding:12px 16px}.modal-comments,.modal-notes-textarea{color:var(--color-text);font-size:14px}.modal-notes-textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-family:inherit;min-height:100px;padding:12px;resize:vertical;width:100%}.modal-notes-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6b79f51a;outline:none}.modal-notes-saving{color:var(--color-text-secondary);font-size:12px;margin-top:8px}.modal-footer{border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;padding:16px 24px}@media (max-width:1200px){.order-table-row,.orders-table-header{font-size:12px;gap:8px;grid-template-columns:50px 1fr 50px 100px 120px 100px 120px 80px 120px}}@media (max-width:900px){.orders-table-header{display:none}.order-table-row{display:flex;flex-wrap:wrap;gap:12px;padding:16px}.table-col{flex:1 1 auto;min-width:100px}.table-col-patient{flex:1 1 100%}.table-col-actions{flex:1 1 100%;justify-content:flex-start}}.qr-downloader{margin-top:var(--space-lg)}.qr-preview-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);gap:var(--space-lg);padding:var(--space-2xl);transition:all var(--duration-fast)}.qr-preview-card,.qr-preview-header{align-items:center;display:flex;flex-direction:column}.qr-preview-header{border-bottom:2px solid var(--color-primary);gap:var(--space-md);padding-bottom:var(--space-lg);text-align:center;width:100%}.qr-preview-logo{height:auto;max-width:120px;object-fit:contain}.qr-preview-pharmacy{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.qr-preview-qr{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.qr-preview-info{max-width:400px;text-align:center}.qr-preview-title{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0 0 var(--space-sm)}.qr-preview-catchphrase{color:var(--color-text-muted);font-size:var(--font-size-base);font-style:italic;font-weight:var(--font-weight-medium);margin:0}.qr-preview-contact{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;padding-top:var(--space-md);text-align:center}.qr-download-btn,.qr-preview-contact{font-weight:var(--font-weight-semibold);width:100%}.qr-download-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-size-base);gap:var(--space-sm);justify-content:center;padding:var(--space-md) var(--space-xl);transition:all var(--duration-fast) var(--ease-standard)}.qr-download-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.qr-download-btn:active{transform:translateY(0)}@media (max-width:768px){.qr-preview-card{padding:var(--space-lg)}.qr-preview-logo{max-width:80px}.qr-preview-pharmacy{font-size:var(--font-size-lg)}.qr-preview-qr{padding:var(--space-md)}}.slug-settings{max-width:800px}.slug-input-group{align-items:center;border:1px solid var(--color-border);border-radius:6px;display:flex;overflow:hidden;transition:border-color .2s ease}.slug-input-group:focus-within{border-color:var(--color-primary)}.input-prefix{background:var(--color-bg-2);border-right:1px solid var(--color-border);color:var(--color-text-secondary);font-size:14px;padding:0 12px;white-space:nowrap}.current-url,.slug-active{margin-top:20px}.url-display{align-items:center;display:flex;gap:8px}.url-display .btn-icon{background:var(--color-bg-1);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);padding:8px;transition:all .2s ease}.url-display .btn-icon:hover{background:var(--color-bg-2);color:var(--color-text)}.slug-edit{margin-top:20px}.qr-code-section{background:var(--color-bg-1);border:1px solid var(--color-border);border-radius:8px;margin-top:30px;padding:20px}.qr-code-display{margin-top:20px}.qr-preview-box{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:20px}.qr-url-display{color:var(--color-text-secondary);font-family:monospace;font-size:14px;text-align:center;word-break:break-all}.qr-download-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:10px;width:100%}.qr-format-card{background:var(--color-bg-1);border:1px solid var(--color-border);border-radius:6px;padding:15px;text-align:center}.qr-format-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:8px}.format-badge{background:var(--color-primary);border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.qr-format-description{color:var(--color-text-secondary);font-size:13px;margin:0}@media (prefers-color-scheme:dark){.slug-input-group{border-color:var(--color-border-dark)}.input-prefix{background:var(--color-bg-2-dark);border-right-color:var(--color-border-dark)}.qr-code-section,.url-display .btn-icon{background:var(--color-bg-1-dark);border-color:var(--color-border-dark)}.qr-format-card,.qr-preview-box{background:var(--color-bg-1-dark)}.qr-format-card{border-color:var(--color-border-dark)}}.mfa-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.mfa-modal{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%}.mfa-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.mfa-modal-header h2{color:#333;font-size:20px;margin:0}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:32px;line-height:1;padding:0}.close-btn:hover{color:#333}.mfa-modal-body{padding:24px}.mfa-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;margin-bottom:20px;padding:16px}.mfa-step-phone,.mfa-step-verify{display:flex;flex-direction:column;gap:16px}.mfa-step-phone p,.mfa-step-verify p{color:#666;margin:0}label{color:#333;font-weight:500}input[type=tel],input[type=text]{border:1px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border .2s}input[type=tel]:focus,input[type=text]:focus{border-color:#007bff;outline:none}#recaptcha-container{margin:10px 0}.mfa-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;padding:12px}.mfa-btn-primary,.mfa-btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.mfa-btn-primary{background:#007bff;color:#fff}.mfa-btn-primary:hover:not(:disabled){background:#0056b3}.mfa-btn-primary:disabled{background:#6c757d;cursor:not-allowed}.mfa-btn-secondary{background:#f8f9fa;border:1px solid #ddd;color:#333}.mfa-btn-secondary:hover:not(:disabled){background:#e2e6ea}.mfa-modal-footer{background:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;padding:16px 24px}.mfa-modal-footer small{color:#666;line-height:1.5}.security-settings{max-width:800px;padding:24px}.security-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:32px}.security-section h2{color:#1f2937;font-size:24px;margin:0 0 8px}.security-description{color:#6b7280;line-height:1.6;margin:0 0 24px}.mfa-status-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:24px}.mfa-status-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.mfa-status-icon{font-size:32px;line-height:1}.mfa-status-header h3{color:#1f2937;font-size:18px;margin:0 0 4px}.mfa-status-subtitle{color:#6b7280;font-size:14px;margin:0}.mfa-factors-list{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin:20px 0;padding:16px}.mfa-factors-list h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.mfa-factors-list ul{list-style:none;margin:0;padding:0}.mfa-factors-list li{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;padding:12px}.mfa-factors-list li:last-child{border-bottom:none}.factor-icon{font-size:20px}.factor-uid{color:#9ca3af;display:block;font-family:monospace;font-size:12px;margin-top:4px}.btn-danger,.btn-primary{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.subscription-settings{margin:0 auto;max-width:1200px}.alert{align-items:center;border-radius:12px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #ef4444;color:#991b1b}.alert-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;color:#065f46}.alert-close{background:#0000;border:none;cursor:pointer;font-size:18px;opacity:.5;padding:0 8px}.alert-close:hover{opacity:1}.loading-state{padding:60px 20px;text-align:center}.loading-state .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border:3px solid var(--color-border,#e5e7eb);border-radius:50%;border-top:3px solid #21808d;height:40px;margin:0 auto 16px;width:40px}.subscription-settings h2{color:#1f2937;color:var(--color-text,#1f2937);font-size:20px;font-weight:700;margin:0 0 20px}.current-plan-section{margin-bottom:40px}.current-plan-card{background:#fff;background:var(--color-surface,#fff);border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:24px}.current-plan-card.starter{border-color:#21808d}.current-plan-card.pro{border-color:#926ce0}.current-plan-card.business{border-color:#f59e0b}.plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.plan-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.plan-name{color:#1f2937;color:var(--color-text,#1f2937);font-size:24px;font-weight:700}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.badge-trial{background:linear-gradient(135deg,#926ce0,#7c3aed);color:#fff}.badge-cancelled{background:#f59e0b;color:#fff}.badge-warning{background:#ef4444;color:#fff}.plan-price .price{color:#21808d;font-size:32px;font-weight:700}.plan-price .price .period{font-size:14px;font-weight:400}.plan-price .price .period,.price-free{color:#6b7280;color:var(--color-text-secondary,#6b7280)}.price-free{font-size:24px;font-weight:600}.quota-section{background:#f8fafc;background:var(--color-background,#f8fafc);border-radius:12px;margin-bottom:20px;padding:20px}.quota-section h3{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.quota-bars{gap:16px}.quota-bars,.quota-item{display:flex;flex-direction:column}.quota-item{gap:8px}.quota-label{color:#1f2937;color:var(--color-text,#1f2937);display:flex;font-size:14px;justify-content:space-between}.quota-numbers{font-weight:600}.addon-remaining{color:#10b981;font-weight:500}.quota-bar{background:#e5e7eb;background:var(--color-border,#e5e7eb);border-radius:4px;height:8px;overflow:hidden}.quota-fill{background:linear-gradient(90deg,#21808d,#926ce0);border-radius:4px;height:100%;transition:width .3s ease}.plan-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.period-info{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:13px;margin:0}.plans-section{margin-bottom:40px}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plan-card{background:#fff;background:var(--color-surface,#fff);border:2px solid #e5e7eb;border:2px solid var(--color-border,#e5e7eb);border-radius:16px;display:flex;flex-direction:column;padding:24px;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-4px)}.plan-card.current{background:linear-gradient(135deg,#21808d0d,#926ce00d);border-color:#21808d;border-color:var(--plan-color,#21808d)}.plan-card.popular{border-color:#926ce0}.popular-badge{background:linear-gradient(135deg,#926ce0,#7c3aed);border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.plan-card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);margin-bottom:24px;padding-bottom:24px;text-align:center}.plan-card-header h3{color:#21808d;color:var(--plan-color,#21808d);font-size:20px;font-weight:700;margin:0 0 8px}.plan-description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;margin:0 0 16px}.plan-card .plan-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price-amount{font-size:36px;font-weight:700}.price-amount,.price-currency{color:#1f2937;color:var(--color-text,#1f2937)}.price-currency{font-size:16px;font-weight:600}.price-period{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px}.trial-note{color:#926ce0;font-size:12px;font-weight:500;margin:8px 0 0}.plan-features{flex:1 1;list-style:none;margin:0 0 24px;padding:0}.plan-features li{color:#1f2937;color:var(--color-text,#1f2937);font-size:14px;padding:8px 0 8px 24px;position:relative}.plan-features li:before{color:#10b981;content:"\2713";font-weight:700;left:0;position:absolute}.plan-card-footer{margin-top:auto}.btn{border:2px solid #0000;border-radius:10px;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.btn:disabled{opacity:.6}.btn-primary{background:linear-gradient(135deg,#21808d,#926ce0);border-color:#0000;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #21808d4d;transform:translateY(-2px)}.btn-secondary{background:#fff;background:var(--color-surface,#fff);border-color:#e5e7eb;border-color:var(--color-border,#e5e7eb);color:#1f2937;color:var(--color-text,#1f2937)}.btn-secondary:hover:not(:disabled){background:#f8fafc;background:var(--color-background,#f8fafc)}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger-outline{background:#0000;border-color:#ef4444;color:#ef4444}.btn-danger-outline:hover:not(:disabled){background:#fef2f2}.btn-current{background:#f8fafc;background:var(--color-background,#f8fafc);border-color:#e5e7eb;border-color:var(--color-border,#e5e7eb);color:#6b7280;color:var(--color-text-secondary,#6b7280)}.addon-section{margin-bottom:40px}.addon-card{align-items:center;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981;border-radius:16px;display:flex;flex-wrap:wrap;gap:24px;padding:24px}.addon-info{flex:1 1;min-width:200px}.addon-info h3{color:#065f46;font-size:18px;font-weight:700;margin:0 0 4px}.addon-info p{color:#047857;font-size:14px;margin:0}.addon-card .addon-price{align-items:baseline;display:flex;gap:4px}.addon-card .price-amount{color:#065f46;font-size:32px;font-weight:700}.addon-card .price-currency{color:#065f46;font-size:16px}.addon-card .btn{min-width:140px;width:auto}@media (prefers-color-scheme:dark){.current-plan-card,.plan-card{background:#1e293b;background:var(--color-surface,#1e293b);border-color:#334155;border-color:var(--color-border,#334155)}.quota-section{background:#0f172a;background:var(--color-bg-1,#0f172a)}.plan-card-header{border-color:#334155;border-color:var(--color-border,#334155)}.addon-card{background:linear-gradient(135deg,#10b9811a,#0596691a)}}@media (max-width:768px){.plan-header{flex-direction:column;gap:16px}.plans-grid{grid-template-columns:1fr}.addon-card{flex-direction:column;text-align:center}.addon-card .btn{width:100%}}.account-settings-page{background:var(--color-background);margin:0 auto;max-width:var(--container-xl);min-height:calc(100vh - 80px);padding:var(--space-32)}.settings-header{margin-bottom:var(--space-32)}.settings-header h1{color:var(--color-text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.settings-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base);margin-top:var(--space-8)}.settings-tabs{border-bottom:2px solid var(--color-card-border);display:flex;flex-wrap:wrap;gap:var(--space-8);margin:var(--space-24) 0;padding-bottom:var(--space-16)}.tab-btn{background:var(--color-violet);border:none;border-radius:var(--radius-base);color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);max-width:-webkit-fit-content;max-width:fit-content;min-width:140px;padding:var(--space-12) var(--space-20);position:relative;transition:all var(--duration-fast) var(--ease-standard)}.tab-btn:hover{background:var(--color-violet-hover);box-shadow:0 2px 8px #926ce04d;transform:translateY(-1px)}.tab-btn.active{background:var(--color-violet);color:#fff;font-weight:var(--font-weight-semibold)}.tab-btn.active:after{background:#fff;border-radius:var(--radius-full);bottom:calc(var(--space-16)*-1 - 2px);content:"";height:2px;left:0;position:absolute;right:0}.tab-btn:active{animation:pulse .3s ease}.settings-content{background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-32);padding:var(--space-32)}.form-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-label{font-weight:var(--font-weight-semibold)}.form-input,.form-label,.form-textarea{color:var(--color-text);font-size:var(--font-size-base)}.form-input,.form-textarea{background:var(--color-background);border:1px solid var(--color-card-border);border-radius:var(--radius-base);padding:var(--space-12) var(--space-16);transition:all var(--duration-fast) var(--ease-standard);width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.logo-upload{align-items:center;display:flex;gap:var(--spacing-md)}.logo-preview{border:1px solid var(--border);border-radius:var(--radius-md);height:64px;object-fit:cover;width:64px}.logo-placeholder{align-items:center;border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);display:flex;height:64px;justify-content:center;width:64px}.btn-icon,.btn-link,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;justify-content:center;margin-top:var(--space-24);max-width:-webkit-fit-content;max-width:fit-content;padding:8px 20px;transition:all .2s ease;width:auto}.settings-content .btn-primary{background:var(--color-primary);border:none;color:#fff;max-width:-webkit-fit-content;max-width:fit-content;min-width:140px;width:auto}.settings-content .btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 2px 8px #2b7cee4d;transform:translateY(-1px)}.settings-content .btn-primary:active:not(:disabled){animation:pulse .3s ease}.settings-content .btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:#0000;border:1px solid var(--color-card-border);color:var(--color-text)}.btn-secondary:hover{background:var(--color-secondary);border-color:var(--color-violet);color:var(--color-violet)}.btn-sm{font-size:12px;margin-top:var(--space-12);padding:6px 12px}.checkbox-label{align-items:center;color:var(--text-primary);font-size:var(--font-size-base)}.checkbox-label,.toggle-card{display:flex;gap:var(--spacing-sm)}.toggle-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;padding:var(--spacing-md)}.delivery-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-md)}.theme-grid{grid-gap:var(--space-24);display:grid;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-32)}.color-hint{color:var(--color-text-secondary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);margin-top:var(--space-4)}.color-input-group{align-items:center;display:flex;gap:var(--space-12);margin-top:var(--space-8)}.color-picker{border:2px solid var(--color-card-border);border-radius:var(--radius-base);cursor:pointer;flex-shrink:0;height:48px;transition:all var(--duration-fast) var(--ease-standard);width:64px}.color-picker:hover{border-color:var(--color-primary);transform:scale(1.05)}.color-text-input{background:var(--color-background);border:2px solid var(--color-card-border);border-radius:var(--radius-base);color:var(--color-text);flex:1 1;font-family:Monaco,Consolas,monospace;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);height:48px;padding:0 var(--space-16);text-transform:uppercase;transition:all var(--duration-fast) var(--ease-standard)}.color-text-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.theme-preview{display:flex;flex-direction:column;gap:var(--space-24);margin:var(--space-32) 0}.preview-label{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.theme-gradient-preview{border:2px solid #fff3;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:180px;overflow:hidden;position:relative}.gradient-overlay{align-items:center;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;padding:var(--space-24);position:absolute;text-align:center}.preview-text{font-size:28px;font-weight:var(--font-weight-bold);margin-bottom:var(--space-8);text-shadow:0 2px 12px #0003}.preview-subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);opacity:.95}.theme-swatches{background:var(--color-background);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);gap:var(--space-20);justify-content:center;padding:var(--space-24)}.swatch-item,.theme-swatches{align-items:center;display:flex}.swatch-item{gap:var(--space-12)}.swatch-circle{border:3px solid var(--color-card-border);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);flex-shrink:0;height:48px;width:48px}.swatch-info{display:flex;flex-direction:column;gap:var(--space-4)}.swatch-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.swatch-label,.swatch-value{font-size:var(--font-size-sm)}.swatch-value{color:var(--color-text);font-family:Monaco,Consolas,monospace;font-weight:var(--font-weight-semibold)}.swatch-arrow{color:var(--color-text-secondary);font-size:24px;font-weight:var(--font-weight-bold)}.theme-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;flex:1 1;font-weight:600;min-width:160px;padding:var(--spacing-lg)}.coming-soon{background:var(--color-background);border:2px dashed var(--color-card-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);padding:var(--space-32);text-align:center}.coming-soon h3{color:var(--color-text);margin:var(--space-16) 0 var(--space-8)}.coming-soon-icon{display:block;font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}@media (max-width:768px){.account-settings-page{padding:var(--spacing-lg)}}.audit-dashboard{margin:0 auto;max-width:1400px;padding:var(--spacing-xl)}.dashboard-header{margin-bottom:var(--spacing-2xl)}.dashboard-header h1{color:var(--color-text);font-size:2rem;margin-bottom:var(--spacing-sm)}.dashboard-header p{color:var(--color-text-secondary)}.anomalies-section{background:#fef2f2;border:2px solid #ef4444;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.anomalies-section h2{color:#991b1b;font-size:1.25rem;margin-bottom:var(--spacing-md)}.anomaly-card{background:#fff;border-left:4px solid #ef4444;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-md)}.anomaly-card .severity{background:#991b1b;border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm)}.anomaly-card p{color:var(--color-text);margin:var(--spacing-sm) 0}.anomaly-card small{color:var(--color-text-secondary);font-size:.875rem}.filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.filters input[type=date],.filters input[type=text]{border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1 1;font-size:1rem;min-width:200px;padding:var(--spacing-sm) var(--spacing-md)}.filters button{background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s}.filters button:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.logs-table{background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;overflow:hidden}.logs-table table{border-collapse:collapse;width:100%}.logs-table thead{background:var(--color-surface);border-bottom:2px solid var(--color-border)}.logs-table th{color:var(--color-text);font-size:.875rem;font-weight:600;padding:var(--spacing-md);text-align:left;text-transform:uppercase}.logs-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--spacing-md)}.logs-table tbody tr:hover{background:var(--color-surface)}.logs-table .action{border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.logs-table .action.OCR_PROCESS{background:#dbeafe;color:#1e40af}.logs-table .action.PATIENT_READ{background:#fef3c7;color:#92400e}.logs-table .action.ORDONNANCE_CREATE{background:#d1fae5;color:#065f46}.logs-table .action.SECURITY_VIOLATION{background:#fecaca;color:#991b1b}.empty-state,.loading{color:var(--color-text-secondary);padding:var(--spacing-2xl);text-align:center}:root{--color-white:#fff;--color-black:#000;--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#4b555a;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:75,85,90;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:#3b82f614;--color-bg-2:#f59e0b14;--color-bg-3:#22c55e14;--color-bg-4:#ef444414;--color-bg-5:#9333ea14;--color-violet-hover:#7e22ce;--color-violet-active:#6d28d9;--color-bg-6:#f9731614;--color-bg-7:#ec489914;--color-bg-8:#06b6d414;--color-background:#f8f6f2;--color-surface:#fefdfb;--color-header-bg:#f5f3ef;--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-select-caret:rgba(var(--color-slate-900-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16,1,0.3,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-header-bg:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb);--color-violet:#a78bfa;--color-violet-hover:#a78bfacc;--color-violet-active:#8b5cf6}.card,.generate-history-card,.kpi-card,.upload-area,.video-card{background:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2))!important}.generate-history-card{border-color:#5e52401f!important;border-color:var(--color-card-border)!important}.performance-card,.performance-section,.renewal-list-card{background:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2))!important}.nav-link,.nav-link-dropdown{background:#fefdfb!important;background:var(--color-surface)!important;border-color:#5e524033!important;border-color:var(--color-border)!important;color:#13343b!important;color:var(--color-text)!important}.nav-link-dropdown.active,.nav-link-dropdown:hover,.nav-link.active,.nav-link:hover{background:#926ce01f!important;background:var(--color-secondary)!important;border-color:#5e524033!important;border-color:var(--color-border)!important;color:#2b7cee!important;color:var(--color-primary)!important}.mobile-nav{background:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2))!important;border-color:#5e52401f!important;border-color:var(--color-card-border)!important}.mobile-nav-item:hover,.mobile-nav-link:hover,.mobile-user-info{background:#ffffff1a!important}.mobile-user-info{border-color:#5e52401f!important;border-color:var(--color-card-border)!important}.quota-card{background:linear-gradient(135deg,#3b82f614,#f59e0b14)!important;background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2))!important;border-color:#5e524033!important;border-color:var(--color-border)!important}.quota-circle:before{background:#fefdfb!important;background:var(--color-surface)!important}.quota-percentage{color:#2b7cee!important;color:var(--color-primary)!important}.quota-label{color:#4b555a!important;color:var(--color-text-secondary)!important}.level-name{color:#2b7cee!important;color:var(--color-primary)!important}.progress-message{background:#926ce026!important;border-color:#926ce04d!important;color:#926ce0!important;color:var(--color-violet)!important}}html{-webkit-font-smoothing:antialiased;background-color:#f8f6f2;background-color:var(--color-background);box-sizing:border-box;color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}body{padding:0}*,:after,:before{box-sizing:inherit}.form-control,.form-input,input,select,textarea{box-sizing:border-box;max-width:100%;width:100%}@media (max-width:1024px){.date-search-input,.form-control,.form-input,.notes-textarea,.renewal-date-input,input,select,textarea{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.card,.generate-history-card,.kpi-card,.renewal-list-card,.upload-area{max-width:100%;overflow-x:hidden}}h1,h2,h3,h4,h5,h6{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}h1{font-size:30px;font-size:var(--font-size-4xl)}h2{font-size:24px;font-size:var(--font-size-3xl)}h3{font-size:20px;font-size:var(--font-size-2xl)}h4{font-size:18px;font-size:var(--font-size-xl)}h5{font-size:16px;font-size:var(--font-size-lg)}h6{font-size:14px;font-size:var(--font-size-md)}p{margin:0 0 16px;margin:0 0 var(--space-16) 0}a{color:#2b7cee;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:#1e69d8;color:var(--color-primary-hover)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:8px 16px;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.btn--primary{background:#2b7cee;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn--primary:hover{background:#1e69d8;background:var(--color-primary-hover)}.btn--primary:active{background:#1558c5;background:var(--color-primary-active)}.btn--secondary{background:#926ce01f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.btn--secondary:hover{background:#926ce033;background:var(--color-secondary-hover)}.btn--secondary:active{background:#926ce040;background:var(--color-secondary-active)}.btn--outline{background:#0000;border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn--outline:hover{background:#926ce01f;background:var(--color-secondary)}.account-settings-page .btn--primary,.dashboard-section .btn--primary,.ordobox-section .btn--primary,.public-main .btn--primary,.section .btn--primary{background:#926ce0;background:var(--color-violet);color:#fff;color:var(--color-white)}.account-settings-page .btn--primary:hover,.dashboard-section .btn--primary:hover,.ordobox-section .btn--primary:hover,.public-main .btn--primary:hover,.section .btn--primary:hover{background:#7e22ce;background:var(--color-violet-hover)}.account-settings-page .btn--primary:active,.dashboard-section .btn--primary:active,.ordobox-section .btn--primary:active,.public-main .btn--primary:active,.section .btn--primary:active{background:#6d28d9;background:var(--color-violet-active)}#pricing .pricing-card .btn--primary,.pricing-section .pricing-card .btn--primary,section#pricing .pricing-card .btn--primary{background:#2b7cee!important;background:var(--color-primary)!important;color:#fff!important;color:var(--color-white)!important}#pricing .pricing-card .btn--primary:hover,.pricing-section .pricing-card .btn--primary:hover,section#pricing .pricing-card .btn--primary:hover{background:#1e69d8!important;background:var(--color-primary-hover)!important}#pricing .pricing-card .btn--primary:active,.pricing-section .pricing-card .btn--primary:active,section#pricing .pricing-card .btn--primary:active{background:#1558c5!important;background:var(--color-primary-active)!important}#pricing .pricing-card.popular .btn--primary,.pricing-section .pricing-card.popular .btn--primary,section#pricing .pricing-card.popular .btn--primary{background:#926ce0!important;background:var(--color-violet)!important;color:#fff!important;color:var(--color-white)!important}#pricing .pricing-card.popular .btn--primary:hover,.pricing-section .pricing-card.popular .btn--primary:hover,section#pricing .pricing-card.popular .btn--primary:hover{background:#7e22ce!important;background:var(--color-violet-hover)!important}#pricing .pricing-card.popular .btn--primary:active,.pricing-section .pricing-card.popular .btn--primary:active,section#pricing .pricing-card.popular .btn--primary:active{background:#6d28d9!important;background:var(--color-violet-active)!important}.btn--sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);padding:4px 12px;padding:var(--space-4) var(--space-12)}.btn--lg{border-radius:10px;border-radius:var(--radius-md);font-size:16px;font-size:var(--font-size-lg);padding:10px 20px;padding:var(--space-10) var(--space-20)}.btn--full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-control{background-color:#fefdfb;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);display:block;font-size:14px;font-size:var(--font-size-md);line-height:1.5;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}.form-control:focus{border-color:#2b7cee;border-color:var(--color-primary);outline:2px solid #2b7cee;outline:var(--focus-outline)}.form-label{display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.card{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card__body{padding:16px;padding:var(--space-16)}.status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 12px;padding:var(--space-6) var(--space-12)}.status--success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:#10b981;color:var(--color-success)}.status--error{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.status.generated{background:#a84b2f26;background:rgba(var(--color-warning-rgb),.15);color:#f59e0b;color:var(--color-warning)}.status.sent{background:#21808d26;background:rgba(var(--color-success-rgb),.15);color:#10b981;color:var(--color-success)}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.hidden{display:none!important}.animated-counter{font-feature-settings:"tnum";display:inline-block;font-variant-numeric:tabular-nums;transition:transform .1s ease-out}.animated-counter:last-child{animation:counterPop .3s ease-out}@keyframes counterPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}:root{--color-primary:#2b7cee;--color-primary-hover:#1e69d8;--color-primary-active:#1558c5;--color-secondary:#926ce01f;--color-secondary-hover:#926ce033;--color-secondary-active:#926ce040;--color-violet:#926ce0;--color-success:#10b981;--color-warning:#f59e0b;--color-beginner:#10b981;--color-intermediate:#2b7cee;--color-expert:#926ce0;--color-master:#f59e0b}.demo-generate-btn,.hero__cta,.recharge-cta .btn{background:#926ce0!important;color:#fff!important}.demo-generate-btn:hover,.hero__cta:hover,.recharge-cta .btn:hover{background:#8257d5!important;box-shadow:0 8px 24px #926ce066;transform:translateY(-2px)}.demo-generate-btn:active,.hero__cta:active,.recharge-cta .btn:active{background:#7342ca!important}.section{background-color:#f8f6f2;background-color:var(--color-background);min-height:calc(100vh - 64px);padding:32px 0;padding:var(--space-32) 0}.section,.section.active{display:block}.dashboard-section,.generate-section,.history-section,.landing-page,.ordobox-section{background-color:#f8f6f2;background-color:var(--color-background)}.header{background:#f5f3ef;background:var(--color-header-bg);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);padding:8px 0;padding:var(--space-8) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header__content{height:80px;justify-content:space-between}.header__content,.header__logo{align-items:center;display:flex}.header__logo{cursor:pointer}.logo-img{height:60px;width:auto}.logo-placeholder{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2b7cee,#926ce0);background:linear-gradient(135deg,var(--color-primary),var(--color-violet));-webkit-background-clip:text;background-clip:text;color:#2b7cee;color:var(--color-primary);font-size:20px;font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-bold)}.header__tagline{color:#4b555a;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-style:italic}.desktop-nav{display:flex;gap:8px;gap:var(--space-8);margin-left:32px;margin-left:var(--space-32);margin-right:24px;margin-right:var(--space-24)}.nav-link{align-items:center;background:#fff9;border:1px solid #5e524040;border:1px solid rgba(var(--color-brown-600-rgb),.25);border-radius:8px;border-radius:var(--radius-base);color:#4b555a;color:var(--color-text-secondary);display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:6px;gap:var(--space-6);height:-webkit-fit-content;height:fit-content;min-height:48px;padding:8px 12px;padding:var(--space-8) var(--space-12);text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.nav-link-icon{flex-shrink:0;height:30px;margin-left:4px;margin-left:var(--space-4);object-fit:contain;width:30px}.nav-link.active,.nav-link:hover{background:#926ce01f;background:var(--color-secondary);border-color:#5e524033;border-color:rgba(var(--color-brown-600-rgb),.2);color:#2b7cee;color:var(--color-primary);transform:translateY(-1px)}.nav-link-dropdown{align-items:center;background:#fff9;border:1px solid #5e524014;border:1px solid rgba(var(--color-brown-600-rgb),.08);display:flex;height:-webkit-fit-content;height:fit-content;min-height:48px;position:relative}.nav-link-dropdown .dropdown-arrow{font-size:11px;font-size:var(--font-size-xs);margin-left:4px;margin-left:var(--space-4);transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-standard)}.nav-link-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown{position:relative}.dropdown-menu{background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);left:0;min-width:180px;opacity:0;padding:4px;padding:var(--space-4);position:absolute;top:calc(100% + 4px);top:calc(100% + var(--space-4));transform:translateY(-8px);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);visibility:hidden;z-index:1000}.dropdown-menu.open{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-base);color:#4b555a;color:var(--color-text-secondary);cursor:pointer;display:block;font-weight:500;font-weight:var(--font-weight-medium);padding:8px 12px;padding:var(--space-8) var(--space-12);text-align:left;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:100%}.dropdown-item:hover{background:#926ce01f;background:var(--color-secondary);color:#2b7cee;color:var(--color-primary)}.mobile-nav-section{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border);margin-top:16px;padding-top:16px}.mobile-nav-section-title{color:#13343b;color:var(--color-text);font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;opacity:.7;padding:0 16px;text-transform:uppercase}.mobile-user-section{border-top:2px solid #5e52401f;border-top:2px solid var(--color-card-border);margin-top:24px;margin-top:var(--space-24);padding-top:24px;padding-top:var(--space-24)}.mobile-user-info{align-items:center;background:#ffffff4d;border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:12px;gap:var(--space-12);margin-bottom:16px;margin-bottom:var(--space-16);padding:16px;padding:var(--space-16)}.mobile-user-avatar{align-items:center;background:#8b5cf6;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);height:48px;justify-content:center;width:48px}.mobile-user-details{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--space-4)}.mobile-user-name{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold)}.mobile-user-email{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.mobile-user-plan{color:#2b7cee;color:var(--color-primary);font-size:11px;font-size:var(--font-size-xs)}.mobile-nav-item,.mobile-user-plan{font-weight:500;font-weight:var(--font-weight-medium)}.mobile-nav-item{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--radius-md);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-size:12px;font-size:var(--font-size-sm);gap:var(--space-md);padding:var(--space-md) var(--space-lg);text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.mobile-nav-item:hover{background:#ffffff80;transform:translateX(4px)}.mobile-nav-item:active{transform:translateX(2px)}.mobile-nav-item--logout,.mobile-nav-item--logout:hover{color:#c0152f;color:var(--color-error)}.mobile-nav-item--logout:hover{background:#c0152f1a}.mobile-nav-divider{background:#5e52401f;background:var(--color-card-border);height:1px;margin:12px 0;margin:var(--space-12) 0}.nav-link.disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.5;pointer-events:auto}.nav-link.disabled:hover{background:#f8f6f2;background:var(--color-background);color:#4b555a;color:var(--color-text-secondary);opacity:.7;transform:none}.nav-icon img{display:block;height:32px;width:32px}.mobile-menu-btn{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-around;padding:0;width:24px}.mobile-menu-btn span{background:#13343b;background:var(--color-text);border-radius:2px;height:2px;transition:all .3s ease;width:100%}.mobile-menu-btn.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav-overlay{bottom:0;display:none;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:200}@media (max-width:768px){.mobile-nav-overlay{display:block}}.mobile-nav-overlay:before{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#00000080;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.mobile-nav-overlay.active{pointer-events:auto}.mobile-nav-overlay.active:before{opacity:1}.mobile-nav{background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:20px;box-shadow:none;display:flex;flex-direction:column;gap:8px;left:50%;max-height:calc(100vh - 120px);max-width:380px;opacity:1;overflow-y:auto;padding:20px;pointer-events:auto;position:absolute;top:80px;transform:translateX(-50%) translateY(-120%);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),visibility 0s .4s;visibility:hidden;width:calc(100% - 48px)}@media (prefers-color-scheme:dark){.mobile-nav{background:#1f1f23!important;border-color:#3f3f46}}.mobile-nav-overlay.active .mobile-nav{box-shadow:0 25px 80px #00000059;transform:translateX(-50%) translateY(0);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),visibility 0s 0s;visibility:visible}.mobile-nav-dropdown{margin:4px 0}.mobile-nav-dropdown-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-size:15px;font-weight:500;font-weight:var(--font-weight-medium);justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.mobile-nav-dropdown-btn:hover{background:#f8f6f2;background:var(--color-background);border-color:#5e52401f;border-color:var(--color-card-border);transform:translateX(4px)}.mobile-nav-dropdown-btn.open{background:linear-gradient(135deg,#2b7cee,#926ce0);background:linear-gradient(135deg,var(--color-primary),var(--color-violet,#926ce0));border-color:#0000;border-radius:10px 10px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;color:#fff}.dropdown-chevron{font-size:10px;transition:transform .2s ease}.mobile-nav-submenu{background:#f8f6f2;background:var(--color-background);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:0 0 10px 10px;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;margin-left:12px;overflow:hidden}.mobile-nav-submenu-link{align-items:center;background:#fefdfb;background:var(--color-surface);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);color:#13343b;color:var(--color-text);display:flex;font-size:14px;font-weight:500;padding:12px 20px;text-decoration:none;transition:all .2s ease}.mobile-nav-submenu-link:last-child{border-bottom:none}.mobile-nav-submenu-link:hover{background:#2b7cee;background:var(--color-primary);color:#fff;padding-left:28px}.mobile-nav-submenu-link.active{background:linear-gradient(135deg,#2b7cee,#926ce0);background:linear-gradient(135deg,var(--color-primary),var(--color-violet,#926ce0));color:#fff;font-weight:600}@media (prefers-color-scheme:dark){.mobile-nav-submenu,.mobile-nav-submenu-link{background:#2d2d32!important;border-color:#3f3f46}.mobile-nav-submenu-link{color:#fafafa}.mobile-nav-submenu-link:hover{background:#2b7cee!important;background:var(--color-primary)!important;color:#fff}}.mobile-nav-link{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;border-radius:var(--radius-md);color:#13343b;color:var(--color-text);display:flex;font-weight:500;font-weight:var(--font-weight-medium);gap:12px;gap:var(--space-12);justify-content:space-between;padding:var(--space-md) var(--space-lg);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-nav-link:hover{background:#f8f6f2;background:var(--color-background);border-color:#5e52401f;border-color:var(--color-card-border);transform:translateX(4px)}.mobile-nav-link:active{transform:translateX(2px)}.mobile-nav-link.active{background:linear-gradient(135deg,#2b7cee,#926ce0);background:linear-gradient(135deg,var(--color-primary),var(--color-violet,#926ce0));border-color:#2b7cee;border-color:var(--color-primary);color:#fff;color:#2b7cee;color:var(--color-primary)}.hero{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border-radius:12px;border-radius:var(--radius-lg);margin-bottom:32px;margin-bottom:var(--space-32);overflow:hidden;padding:32px 16px;padding:var(--space-32) var(--space-16);position:relative;text-align:center}.hero:before{animation:pulse 3s ease-in-out infinite;background:radial-gradient(circle,#2b7cee1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes shimmer{0%{background-image:linear-gradient(90deg,#10b981,#2b7cee,#10b981);background-image:linear-gradient(90deg,var(--color-success),var(--color-primary),var(--color-success));background-position:-200px 0;background-size:200px 100%}to{background-image:linear-gradient(90deg,#10b981,#2b7cee,#10b981);background-image:linear-gradient(90deg,var(--color-success),var(--color-primary),var(--color-success));background-position:200px 0;background-size:200px 100%}}.hero__title{color:#13343b;color:var(--color-text);font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:12px;margin-bottom:var(--space-12);position:relative;z-index:1}.hero__subtitle{color:#4b555a;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-lg);margin:0 auto 24px;margin:0 auto var(--space-24);max-width:600px}.hero__cta,.hero__subtitle{position:relative;z-index:1}.hero__cta{box-shadow:0 4px 12px #2b7cee4d;transform:translateY(0);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.hero__cta:hover{box-shadow:0 8px 24px #2b7cee66;transform:translateY(-2px)}.kpi-grid{grid-gap:20px;grid-gap:var(--space-20);display:grid;gap:20px;gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px;margin-bottom:var(--space-32)}.kpi-card{align-items:center;background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:16px;gap:var(--space-16);overflow:hidden;padding:24px;padding:var(--space-24);position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.kpi-card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card__progress{margin-top:8px;margin-top:var(--space-8)}.progress-bar{background:#926ce01f;background:var(--color-secondary);height:6px;overflow:hidden;width:100%}.progress-bar,.progress-bar__fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-bar__fill{animation:shimmer 2s infinite;background:linear-gradient(90deg,#10b981,#2b7cee);background:linear-gradient(90deg,var(--color-success),var(--color-primary));height:100%;transition:width 2s ease-out}.kpi-card__icon{align-items:center;background:#926ce01f;background:var(--color-secondary);border-radius:10px;border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:32px;height:56px;justify-content:center;width:56px}.kpi-card__content{flex:1 1}.kpi-card__value{color:#2b7cee;color:var(--color-primary);font-size:24px;font-size:var(--font-size-3xl);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:4px;margin-bottom:var(--space-4)}.kpi-card__label{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.kpi-card__badge{background:#10b981;background:var(--color-success);display:inline-block;padding:2px 8px;padding:var(--space-2) var(--space-8)}.kpi-card__badge,.level-badge{border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);margin-top:4px;margin-top:var(--space-4)}.level-badge{align-items:center;background:#926ce0;background:var(--color-expert);display:inline-flex;gap:4px;gap:var(--space-4);padding:4px 8px;padding:var(--space-4) var(--space-8)}.quota-card{flex-direction:column;padding:20px;padding:var(--space-20);text-align:center}.quota-circle-container{margin-bottom:16px;margin-bottom:var(--space-16)}.quota-circle{align-items:center;animation:rotateQuotaGradient 3s ease-in-out;background:conic-gradient(#2b7cee 0deg,#926ce0 241deg,#926ce01f 241deg 1turn);background:conic-gradient(var(--color-primary) 0deg,var(--color-violet) 241deg,var(--color-secondary) 241deg 1turn);border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto;position:relative;width:120px}@keyframes rotateQuotaGradient{0%{background:conic-gradient(#2b7cee 0deg,#2b7cee 0deg,#926ce01f 0deg 1turn);background:conic-gradient(var(--color-primary) 0deg,var(--color-primary) 0deg,var(--color-secondary) 0deg 1turn)}to{background:conic-gradient(#2b7cee 0deg,#926ce0 241deg,#926ce01f 241deg 1turn);background:conic-gradient(var(--color-primary) 0deg,var(--color-violet) 241deg,var(--color-secondary) 241deg 1turn)}}.quota-circle:before{background:#fefdfb;background:var(--color-surface);border-radius:50%;content:"";inset:8px;position:absolute;z-index:1}.quota-label,.quota-percentage{position:relative;z-index:2}.quota-percentage{color:#2b7cee;color:var(--color-primary);font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold);line-height:1}.quota-label{color:#4b555a;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);margin-top:2px;margin-top:var(--space-2)}.gamification-info{width:100%}.level-info{align-items:center;display:flex;gap:6px;gap:var(--space-6);justify-content:center;margin-bottom:8px;margin-bottom:var(--space-8)}.level-icon{font-size:16px;font-size:var(--font-size-lg)}.level-name{color:#926ce0;color:var(--color-expert);font-weight:550;font-weight:var(--font-weight-semibold)}.progress-message{background:#926ce01a;border:1px solid #926ce033;border-radius:9999px;border-radius:var(--radius-full);color:#926ce0;color:var(--color-violet);font-size:11px;font-size:var(--font-size-xs);font-style:italic;font-weight:500;font-weight:var(--font-weight-medium);padding:4px 8px;padding:var(--space-4) var(--space-8)}@keyframes progressPulse{0%{transform:scaleY(1)}50%{transform:scaleY(1.1)}to{transform:scaleY(1)}}.progress-bar__fill{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#10b981,#2b7cee,#926ce0);background:linear-gradient(90deg,var(--color-success),var(--color-primary),var(--color-violet));background-size:200% 100%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.performance-section{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border-radius:12px;border-radius:var(--radius-lg);margin-bottom:32px;margin-bottom:var(--space-32);padding:24px;padding:var(--space-24)}.performance-section h3{color:#13343b;color:var(--color-text);margin-bottom:20px;margin-bottom:var(--space-20)}.performance-grid{grid-gap:20px;grid-gap:var(--space-20);display:grid;gap:20px;gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.performance-card{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16);text-align:center}.performance-card h4{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin-bottom:12px;margin-bottom:var(--space-12)}.week-chart{align-items:end;display:flex;gap:2px;gap:var(--space-2);height:60px;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-8)}.week-bar{background:#2b7cee;background:var(--color-primary);border-radius:6px 6px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;flex:1 1;height:0;min-height:4px;position:relative;transition:height .8s ease-out}.week-labels{color:#4b555a;color:var(--color-text-secondary);display:flex;font-size:11px;font-size:var(--font-size-xs);justify-content:space-between}.streak-info{align-items:center;display:flex;flex-direction:column;gap:4px;gap:var(--space-4)}.streak-number{color:#f59e0b;color:var(--color-warning);font-size:24px;font-size:var(--font-size-3xl);font-weight:600;font-weight:var(--font-weight-bold)}.streak-label{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.streak-fire{animation:flicker 1.5s ease-in-out infinite alternate;font-size:20px;font-size:var(--font-size-2xl)}@keyframes flicker{0%{transform:scale(1) rotate(-2deg)}to{transform:scale(1.1) rotate(2deg)}}.monthly-goal{display:flex;flex-direction:column;gap:8px;gap:var(--space-8)}.goal-progress{background:#926ce01f;background:var(--color-secondary);height:8px;overflow:hidden;width:100%}.goal-fill,.goal-progress{border-radius:9999px;border-radius:var(--radius-full)}.goal-fill{background:linear-gradient(90deg,#10b981,#2b7cee);background:linear-gradient(90deg,var(--color-success),var(--color-primary));height:100%;transition:width 2s ease-out}.goal-text{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.recharge-cta{display:none!important}.generate-header{margin-bottom:32px;margin-bottom:var(--space-32);text-align:center}.generate-header h2{margin-bottom:12px;margin-bottom:var(--space-12)}.generate-header p{color:#4b555a;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-lg)}.generate-content{display:flex;flex-direction:column;gap:24px;gap:var(--space-24);margin:0 auto;max-width:600px}.generate-content-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:1fr 1fr;margin-top:32px;margin-top:var(--space-32);position:relative}@media (max-width:1024px){.generate-content-grid{grid-template-columns:1fr}}.generate-main-card{min-height:600px;position:relative;z-index:10}.generate-history-card{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);height:-webkit-fit-content;height:fit-content;padding:24px;padding:var(--space-24);position:-webkit-sticky;position:sticky;top:112px;top:calc(80px + var(--space-32));transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard);z-index:1}.generate-history-card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card.generate-panel{border:4px solid #5e52401f;border:4px solid var(--color-card-border);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014,inset 0 1px 0 #ffffff1a;overflow:hidden;position:relative}.card.generate-panel,.card.generate-panel:before{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2))}.card.generate-panel:before{border-radius:12px;border-radius:var(--radius-lg,12px);bottom:8px;content:"";left:8px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:0}.card.generate-panel>div,.card.generate-panel>form,.card.generate-panel>section{position:relative;z-index:1}.card.generate-panel .btn{width:auto}.history-card-header{margin-bottom:24px;margin-bottom:var(--space-24)}.history-card-header h3{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold);margin:0 0 4px;margin:0 0 var(--space-4) 0}.history-card-header p{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:0}.history-stats{grid-gap:12px;grid-gap:var(--space-12);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:repeat(3,1fr);padding-bottom:24px;padding-bottom:var(--space-24)}.stat-item{text-align:center}.stat-value{font-size:20px;font-size:var(--font-size-2xl);margin-bottom:4px;margin-bottom:var(--space-4)}.stat-label{display:block;font-size:11px;font-size:var(--font-size-xs)}.history-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-12)}.history-item{align-items:center;background:#f8f6f2;background:var(--color-background);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);display:flex;justify-content:space-between;padding:12px;padding:var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.history-item:hover{border-color:#2b7cee;border-color:var(--color-primary);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);transform:translateY(-1px)}.history-item-info{flex:1 1}.history-item-name{color:#13343b;color:var(--color-text);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:2px;margin-bottom:var(--space-2)}.history-item-date{color:#4b555a;color:var(--color-text-secondary)}.history-item-date,.history-item-status{font-size:11px;font-size:var(--font-size-xs)}.history-item-status{border-radius:9999px;border-radius:var(--radius-full);font-weight:500;font-weight:var(--font-weight-medium);padding:4px 8px;padding:var(--space-4) var(--space-8)}.status-completed{background:#21808d26;background:rgba(var(--color-success-rgb),.15);color:#10b981;color:var(--color-success)}.status-awaiting_validation,.status-pending_validation{background:#a84b2f26;background:rgba(var(--color-warning-rgb),.15);color:#f59e0b;color:var(--color-warning)}.status-processing{background:#626c7126;background:rgba(var(--color-info-rgb),.15);color:#4b555a;color:var(--color-info)}.history-empty,.history-loading{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);padding:32px;padding:var(--space-32);text-align:center}.history-search{align-items:center;background:#f8f6f2;background:var(--color-background);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);display:flex;gap:8px;gap:var(--space-8);margin-bottom:24px;margin-bottom:var(--space-24);padding:12px;padding:var(--space-12)}.search-label{font-weight:500;font-weight:var(--font-weight-medium);white-space:nowrap}.date-search-input,.search-label{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm)}.date-search-input{background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);flex:1 1;padding:8px 12px;padding:var(--space-8) var(--space-12)}.date-search-input:focus{border-color:#2b7cee;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.clear-search-btn{background:none;border:none;color:#4b555a;color:var(--color-text-secondary);cursor:pointer;font-size:18px;font-size:var(--font-size-xl);line-height:1;padding:4px;padding:var(--space-4);transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.clear-search-btn:hover{color:#13343b;color:var(--color-text)}.history-list-full{max-height:600px;overflow-y:auto}.history-table-wrapper{display:flex;flex-direction:column;gap:4px;gap:var(--space-4)}.history-table-header{grid-gap:12px;grid-gap:var(--space-12);background:#f8f6f2;background:var(--color-background);border-radius:8px;border-radius:var(--radius-base);color:#4b555a;color:var(--color-text-secondary);display:grid;font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);gap:12px;gap:var(--space-12);grid-template-columns:100px 1.5fr 1fr 120px 160px;letter-spacing:.5px;padding:8px 12px;padding:var(--space-8) var(--space-12);position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.history-table-body{display:flex;flex-direction:column;gap:4px;gap:var(--space-4)}.history-table-row{grid-gap:12px;grid-gap:var(--space-12);align-items:center;background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);display:grid;gap:12px;gap:var(--space-12);grid-template-columns:100px 1.5fr 1fr 120px 160px;min-height:auto;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.history-table-row:hover{border-color:#2b7cee;border-color:var(--color-primary);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs)}.history-table-row.renewal-alert{animation:pulse-alert 2s infinite;background:#fef3c7;border-color:#f59e0b;border-left:4px solid #f59e0b}@keyframes pulse-alert{0%,to{box-shadow:0 0 0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b1a}}.history-col-action,.history-col-date,.history-col-duration,.history-col-patient,.history-col-renewal{align-items:center;color:#13343b;color:var(--color-text);display:flex;font-size:12px;font-size:var(--font-size-sm);overflow:visible;padding:4px;padding:var(--space-4) var(--space-4);text-overflow:ellipsis;white-space:nowrap}.history-col-patient{font-weight:500;font-weight:var(--font-weight-medium)}.history-col-email{color:#4b555a;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);word-break:break-all}.history-actions-group{align-items:center;display:flex;gap:8px;gap:var(--space-8);justify-content:flex-end}.btn--icon{align-items:center;background:#fefdfb;background:var(--color-surface,#f9fafb);border:2px solid #5e524033;border:2px solid var(--color-border,#e5e7eb);border-radius:12px;box-shadow:0 2px 4px #0000000d,inset 0 1px 0 #fffc;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.btn-icon-img{filter:grayscale(.3) opacity(.8);height:28px;object-fit:contain;transition:all .3s ease;width:28px}.btn--icon:before{background:#6b79f533;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.btn--icon:hover:before{height:100%;width:100%}.btn--icon:hover{background:linear-gradient(135deg,#6b79f5,#926ce0);border-color:#6b79f5;box-shadow:0 8px 16px #6b79f54d,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-3px) scale(1.05)}.btn--icon:hover .btn-icon-img,.btn.btn--icon:hover .btn-icon-img,.history-actions-group .btn--icon:hover .btn-icon-img,.history-col-action .btn--icon:hover .btn-icon-img{filter:brightness(0) invert(1)!important;transform:scale(1.1)!important}.btn--icon:active{transform:translateY(-1px) scale(1.02)}.btn--icon:focus{border-color:#6b79f5;box-shadow:0 0 0 3px #6b79f51a,0 2px 4px #0000000d,inset 0 1px 0 #fffc;outline:none}@media (max-width:1200px){.history-table-header,.history-table-row{font-size:11px;font-size:var(--font-size-xs);grid-template-columns:90px 1.2fr 1fr 100px 1.2fr 90px}}@media (max-width:1400px){.history-table-header,.history-table-row{gap:8px;gap:var(--space-8);grid-template-columns:90px 1.2fr 1fr 100px 90px}}@media (max-width:968px){.generate-history-card{position:static}.history-table-wrapper{overflow-x:visible}.history-table-header,.history-table-row{gap:6px;gap:var(--space-6);grid-template-columns:80px 1fr .8fr 90px 80px;min-width:auto}.history-actions-group{flex-direction:column;gap:4px;gap:var(--space-4)}}.file-preview{align-items:center;background:#10b981;background:var(--color-success);border-radius:8px;border-radius:var(--radius-base);color:#fff;display:flex;gap:16px;gap:var(--space-16);padding:16px;padding:var(--space-16)}.preview-icon{font-size:20px;font-size:var(--font-size-2xl)}.preview-info{flex:1 1}.preview-name{font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:2px;margin-bottom:var(--space-2)}.preview-size{font-size:12px;font-size:var(--font-size-sm);opacity:.9}.patient-form{display:flex;flex-direction:column;gap:16px;gap:var(--space-16)}.form-help{color:#4b555a;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs);font-style:italic;margin-top:4px;margin-top:var(--space-4)}.advanced-options{border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);padding:16px;padding:var(--space-16)}.advanced-content{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border);margin-top:12px;margin-top:var(--space-12);padding-top:12px;padding-top:var(--space-12)}.advanced-content .form-group{margin-bottom:8px;margin-bottom:var(--space-8)}.advanced-content label{align-items:center;display:flex;font-size:12px;font-size:var(--font-size-sm);gap:8px;gap:var(--space-8)}.generation-progress{margin:0 auto;max-width:600px}.progress-container{background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-24)}.progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-bottom:var(--space-20)}.timer{color:#2b7cee;color:var(--color-primary);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold)}.progress-steps{flex-direction:column;margin-bottom:20px;margin-bottom:var(--space-20)}.progress-step,.progress-steps{display:flex;gap:12px;gap:var(--space-12)}.progress-step{align-items:center;border-radius:8px;border-radius:var(--radius-base);opacity:.5;padding:12px;padding:var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.progress-step.active{background:#926ce01f;background:var(--color-secondary);opacity:1;transform:scale(1.02)}.progress-step.completed{background:#10b981;background:var(--color-success);color:#fff;opacity:1}.step-icon{font-size:16px;font-size:var(--font-size-lg)}.step-text{flex:1 1;font-weight:500;font-weight:var(--font-weight-medium)}.step-time{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.overall-progress{margin-top:16px;margin-top:var(--space-16)}.progress-text{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin-top:8px;margin-top:var(--space-8);text-align:center}.generation-results{margin:0 auto;max-width:600px}.results-container{background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-24);text-align:center}.success-animation{margin-bottom:24px;margin-bottom:var(--space-24)}.success-icon{animation:bounce 1s ease-in-out;font-size:64px;margin-bottom:12px;margin-bottom:var(--space-12)}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-15px,0)}70%{transform:translate3d(0,-7px,0)}90%{transform:translate3d(0,-2px,0)}}.pdf-preview{margin-bottom:24px;margin-bottom:var(--space-24)}.pdf-mockup{background:#fff;border:1px solid #ddd;border-radius:8px;border-radius:var(--radius-base);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);margin:0 auto;max-width:300px;padding:16px;padding:var(--space-16)}.pdf-header{background:#2b7cee;background:var(--color-primary);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:12px;margin-bottom:var(--space-12);padding:8px;padding:var(--space-8)}.pdf-content{display:flex;flex-direction:column;gap:8px;gap:var(--space-8)}.pdf-section{background:#f8f9fa;border-radius:6px;border-radius:var(--radius-sm);color:#333;font-size:11px;font-size:var(--font-size-xs);padding:6px;padding:var(--space-6);text-align:left}.results-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12);justify-content:center;margin-bottom:16px;margin-bottom:var(--space-16)}.quota-update{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border);padding-top:16px;padding-top:var(--space-16)}.quota-message{align-items:center;color:#4b555a;color:var(--color-text-secondary);display:flex;font-size:12px;font-size:var(--font-size-sm);gap:8px;gap:var(--space-8);justify-content:center}.quota-icon{font-size:16px;font-size:var(--font-size-lg)}.pricing-header{margin-bottom:32px;margin-bottom:var(--space-32);text-align:center}.pricing-header h2{margin-bottom:12px;margin-bottom:var(--space-12)}.pricing-header p{color:#4b555a;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-lg)}.pricing-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto 32px;margin:0 auto var(--space-32);max-width:1200px}.pricing-card{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:2px solid #5e52401f;border:2px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;padding:0;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.pricing-card:hover{box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pricing-card.popular{border-color:#2b7cee;border-color:var(--color-primary);transform:scale(1.05)}.pricing-card.popular:before{background:#2b7cee;background:var(--color-primary);color:#fff;content:"POPULAIRE";font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);padding:4px 32px;padding:var(--space-4) var(--space-32);position:absolute;right:-30px;top:16px;top:var(--space-16);transform:rotate(45deg);z-index:1}.pricing-header-section{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);padding:24px;padding:var(--space-24);text-align:center}.plan-name{font-size:18px;font-size:var(--font-size-xl);margin-bottom:8px;margin-bottom:var(--space-8)}.plan-name,.plan-price{font-weight:600;font-weight:var(--font-weight-bold)}.plan-price{color:#2b7cee;color:var(--color-primary);font-size:30px;font-size:var(--font-size-4xl);margin-bottom:4px;margin-bottom:var(--space-4)}.plan-price .currency{font-size:16px;font-size:var(--font-size-lg)}.plan-plans,.plan-supports{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.plan-badge{background:#926ce01f;background:var(--color-secondary);border-radius:9999px;border-radius:var(--radius-full);color:#2b7cee;color:var(--color-primary);display:inline-block;font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);margin-top:8px;margin-top:var(--space-8);padding:4px 8px;padding:var(--space-4) var(--space-8)}.pricing-features{padding:24px;padding:var(--space-24)}.feature-list{list-style:none;margin:0;padding:0}.feature-item{align-items:center;display:flex;font-size:12px;font-size:var(--font-size-sm);gap:8px;gap:var(--space-8);padding:8px 0;padding:var(--space-8) 0}.feature-item:before{color:#10b981;color:var(--color-success);content:"✓";font-weight:600;font-weight:var(--font-weight-bold)}.pricing-footer{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border);padding:24px;padding:var(--space-24)}.pricing-extras{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:800px}.rappel-highlight{background:#a84b2f14;border:2px solid #f59e0b!important;border:2px solid var(--color-warning)!important;border-radius:8px;border-radius:var(--radius-base);display:inline-block;padding:6px 10px;position:relative;transition:all .3s ease}.rappel-highlight:hover{background:#a84b2f26;box-shadow:0 0 12px #a84b2f66}.recharge-section,.savings-calculator{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-24)}.recharge-offer{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-16);justify-content:space-between}.recharge-offer .btn{background:#2b7cee!important;background:var(--color-primary)!important;color:#fff!important;color:var(--color-white)!important}.recharge-offer .btn:hover{background:#1e69d8!important;background:var(--color-primary-hover)!important}.recharge-offer .btn:active{background:#1558c5!important;background:var(--color-primary-active)!important}.recharge-title{font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:4px;margin-bottom:var(--space-4)}.recharge-details{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.calculator-row{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);padding:8px 0;padding:var(--space-8) 0}.calculator-result,.calculator-row{display:flex;justify-content:space-between}.calculator-result{border-top:2px solid #10b981;border-top:2px solid var(--color-success);color:#10b981;color:var(--color-success);font-weight:550;font-weight:var(--font-weight-semibold);margin-top:8px;margin-top:var(--space-8);padding:12px 0;padding:var(--space-12) 0}.history-header{margin-bottom:24px;margin-bottom:var(--space-24)}.history-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-16)}.history-filters{display:flex;flex:1 1;gap:12px;gap:var(--space-12)}.history-stats{background:#fefdfb;background:var(--color-surface);border-radius:8px;border-radius:var(--radius-base);display:flex;flex-wrap:wrap;gap:24px;gap:var(--space-24);margin-bottom:24px;margin-bottom:var(--space-24);padding:16px;padding:var(--space-16)}.stat-item{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.stat-value{color:#2b7cee;color:var(--color-primary)}.history-table{background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:16px;margin-bottom:var(--space-16);overflow:hidden}.table-header,.table-row{grid-gap:12px;grid-gap:var(--space-12);align-items:center;display:grid;gap:12px;gap:var(--space-12);grid-template-columns:auto 1fr auto auto auto;padding:12px 16px;padding:var(--space-12) var(--space-16)}.table-header{background:#926ce01f;background:var(--color-secondary);color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold)}.table-row{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard)}.table-row:hover{background:#926ce01f;background:var(--color-secondary)}.table-row:last-child{border-bottom:none}.ref-code{font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold)}.history-pagination{align-items:center;display:flex;justify-content:space-between;padding:16px;padding:var(--space-16)}.pagination-info{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.footer{background:#fefdfb;background:var(--color-surface);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border);margin-top:0;padding:24px 0;padding:var(--space-24) 0}section#pricing.section{padding-bottom:24px;padding-bottom:var(--space-24)}.footer__content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-16);justify-content:space-between}.karuk-logo{color:#926ce0;color:var(--color-violet);font-size:16px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-bold)}.footer__logo p{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);margin:4px 0 0;margin:var(--space-4) 0 0}.footer__links{display:flex;gap:16px;gap:var(--space-16)}.footer__links a{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.footer__links a:hover{color:#2b7cee;color:var(--color-primary)}.toast-container{display:flex;flex-direction:column;gap:8px;gap:var(--space-8);position:fixed;right:16px;right:var(--space-16);top:80px;z-index:1000}.toast{animation:slideIn .3s ease-out forwards;background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);min-width:300px;padding:12px 16px;padding:var(--space-12) var(--space-16);transform:translateX(100%)}.toast.success{border-left:4px solid #10b981;border-left:4px solid var(--color-success)}.toast.error{border-left:4px solid #c0152f;border-left:4px solid var(--color-error)}.toast.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--color-warning)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.auth-modal{align-items:center;background:#000c;bottom:0;display:none;justify-content:center;left:0;padding:16px;padding:var(--space-16);position:fixed;right:0;top:0;z-index:10000}.auth-modal.active{display:flex}.auth-modal-content{animation:modalSlideIn .3s ease-out;background:#fefdfb;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);max-width:400px;padding:0;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-header{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);display:flex;justify-content:space-between;padding:24px;padding:var(--space-24)}.auth-header h2{color:#13343b;color:var(--color-text);margin:0}.auth-close{background:none;border:none;color:#4b555a;color:var(--color-text-secondary);cursor:pointer;font-size:18px;font-size:var(--font-size-xl);padding:4px;padding:var(--space-4)}.auth-close:hover{color:#13343b;color:var(--color-text)}.auth-footer,.auth-form{padding:24px;padding:var(--space-24)}.auth-footer{background:#926ce01f;background:var(--color-secondary);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border);text-align:center}.auth-footer .link{color:#2b7cee;color:var(--color-primary);cursor:pointer;text-decoration:underline}.auth-footer .link:hover{color:#1e69d8;color:var(--color-primary-hover)}.header-user{align-items:center;display:flex;gap:12px;gap:var(--space-12);position:relative}.desktop-only{display:flex}@media (max-width:768px){.desktop-only{display:none!important}}.nav-badge{align-items:center;background:#c0152f;background:var(--color-error,#ef4444);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:20px;justify-content:center;margin-left:4px;margin-left:var(--space-4);min-width:20px;padding:0 6px}.nav-badge.nav-badge--ordobox{background:#a84b2f14;border:2px solid #f59e0b;border:2px solid var(--color-warning);border-radius:8px;border-radius:var(--radius-base);color:#f59e0b;color:var(--color-warning);font-size:11px;font-weight:600;height:auto;min-width:24px;padding:4px 8px;position:relative;transition:all .3s ease}.guest-area{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.user-area{position:relative}.user-info{align-items:center;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:flex;gap:8px;gap:var(--space-8);padding:8px 12px;padding:var(--space-8) var(--space-12);transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard)}.user-info:hover{background:#926ce01f;background:var(--color-secondary)}.user-avatar{align-items:center;background:#8b5cf6;border-radius:50%;color:#fff;display:flex;font-size:12px;font-size:var(--font-size-sm);height:32px;justify-content:center;width:32px}.user-details{align-items:flex-start;display:flex;flex-direction:column}.user-name{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold)}.dropdown-arrow,.user-role{color:#4b555a;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs)}.dropdown-arrow{transition:transform .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-standard)}.user-info:hover .dropdown-arrow{transform:rotate(180deg)}.user-menu{background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);min-width:250px;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-8px);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);visibility:hidden;z-index:1000}.user-menu.active{opacity:1;transform:translateY(0);visibility:visible}.user-menu-header{align-items:center;background:#926ce01f;background:var(--color-secondary);display:flex;gap:12px;gap:var(--space-12);padding:16px;padding:var(--space-16)}.user-menu-avatar{align-items:center;background:#8b5cf6;border-radius:50%;color:#fff;display:flex;font-size:16px;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.user-menu-info{flex:1 1}.user-menu-name{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:2px;margin-bottom:var(--space-2)}.user-menu-email{color:#4b555a;color:var(--color-text-secondary);font-size:11px;font-size:var(--font-size-xs)}.user-menu-divider{background:#5e52401f;background:var(--color-card-border);height:1px;margin:8px 0;margin:var(--space-8) 0}.user-menu-item{align-items:center;background:none;border:none;color:#13343b;color:var(--color-text);cursor:pointer;display:flex;gap:8px;gap:var(--space-8);padding:12px 16px;padding:var(--space-12) var(--space-16);text-align:left;transition:background .15s cubic-bezier(.16,1,.3,1);transition:background var(--duration-fast) var(--ease-standard);width:100%}.user-menu-item:hover{background:#926ce01f;background:var(--color-secondary)}.user-menu-item.logout{color:#c0152f;color:var(--color-error)}.user-menu-item.logout:hover{background:#c0152f1a;background:rgba(var(--color-error-rgb),.1)}.menu-icon{font-size:16px;font-size:var(--font-size-lg)}.tutorials-header{text-align:center}.tutorials-header,.video-filters{margin-bottom:32px;margin-bottom:var(--space-32)}.video-filters{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-8);justify-content:center}.filter-btn{background:#fefdfb;background:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-8) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.filter-btn:hover{background:#926ce01f;background:var(--color-secondary)}.filter-btn.active{background:#2b7cee;background:var(--color-primary);border-color:#2b7cee;border-color:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.video-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:32px;margin-bottom:var(--space-32)}.video-card{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.video-card:hover{box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.video-thumbnail{height:180px;overflow:hidden;position:relative;width:100%}.video-thumbnail img{height:100%;object-fit:cover;width:100%}.video-duration{background:#000c;border-radius:6px;border-radius:var(--radius-sm);bottom:8px;bottom:var(--space-8);color:#fff;font-size:11px;font-size:var(--font-size-xs);font-weight:550;font-weight:var(--font-weight-semibold);padding:2px 6px;padding:var(--space-2) var(--space-6);position:absolute;right:8px;right:var(--space-8)}.video-play-btn{align-items:center;background:#2b7ceee6;border-radius:50%;display:flex;font-size:20px;font-size:var(--font-size-2xl);height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:60px}.video-card:hover .video-play-btn{transform:translate(-50%,-50%) scale(1.1)}.video-content{padding:16px;padding:var(--space-16)}.video-title{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-8)}.video-description{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);line-height:1.4;margin-bottom:12px;margin-bottom:var(--space-12)}.video-meta{align-items:center;display:flex;font-size:11px;font-size:var(--font-size-xs);justify-content:space-between}.video-category{background:#926ce01f;background:var(--color-secondary);border-radius:9999px;border-radius:var(--radius-full);color:#2b7cee;color:var(--color-primary);font-weight:550;font-weight:var(--font-weight-semibold);padding:2px 8px;padding:var(--space-2) var(--space-8)}.video-views{color:#4b555a;color:var(--color-text-secondary)}.support-section{margin-top:32px;margin-top:var(--space-32)}.support-card{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-24);text-align:center}.support-card h3{color:#13343b;color:var(--color-text);margin-bottom:12px;margin-bottom:var(--space-12)}.support-card p{color:#4b555a;color:var(--color-text-secondary);margin-bottom:20px;margin-bottom:var(--space-20)}.support-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12);justify-content:center}.support-actions .btn{min-width:160px;width:auto}.about-hero{background:linear-gradient(135deg,#3b82f614,#22c55e14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-3));border-radius:12px;border-radius:var(--radius-lg);margin-bottom:32px;margin-bottom:var(--space-32);overflow:visible;padding:32px 0;padding:var(--space-32) 0;text-align:center}.hero-video-overlay{position:relative;z-index:2}.hero-content h1{color:#13343b;color:var(--color-text);font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:16px;margin-bottom:var(--space-16)}.hero-subtitle{color:#4b555a;color:var(--color-text-secondary);font-size:18px;font-size:var(--font-size-xl);font-style:italic;margin-bottom:24px;margin-bottom:var(--space-24)}.hero-intro{margin:0 auto;max-width:800px}.hero-intro p{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);line-height:1.6;margin-bottom:16px;margin-bottom:var(--space-16)}.story-chapter,.story-section{margin-bottom:32px;margin-bottom:var(--space-32)}.story-chapter{padding:32px 0;padding:var(--space-32) 0}.chapter-title{color:#2b7cee;color:var(--color-primary);font-size:24px;font-size:var(--font-size-3xl);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:24px;margin-bottom:var(--space-24);padding-bottom:24px;padding-bottom:var(--space-24);position:relative;text-align:center}.chapter-title:after{background:linear-gradient(90deg,#2b7cee,#926ce0);background:linear-gradient(90deg,var(--color-primary),var(--color-violet));border-radius:9999px;border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.story-content{margin:0 auto;max-width:900px}.story-content p{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);line-height:1.7;margin-bottom:20px;margin-bottom:var(--space-20);text-align:justify}.story-highlight{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border-left:4px solid #2b7cee;border-left:4px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-base);font-style:italic;font-weight:550;font-weight:var(--font-weight-semibold);padding:16px;padding:var(--space-16);text-align:center!important}.about-hero{position:relative}.hero-badge{background:#2b7cee;background:var(--color-primary);box-shadow:0 2px 8px #0003;color:#fff;font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-bold);padding:4px 32px;padding:var(--space-4) var(--space-32);position:absolute;right:-30px;top:16px;top:var(--space-16);transform:rotate(45deg);white-space:nowrap;z-index:10}@media (max-width:768px){.hero-badge{font-size:10px;padding:2px 24px;padding:var(--space-2) var(--space-24);right:-40px;top:8px;top:var(--space-8)}}.workflow-steps{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:1fr;margin:32px 0;margin:var(--space-32) 0}.workflow-step{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-24);text-align:center;transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-normal) var(--ease-standard)}.workflow-step:hover{box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.workflow-step .step-icon{display:block;font-size:48px;margin-bottom:16px;margin-bottom:var(--space-16)}.workflow-step h3{color:#2b7cee;color:var(--color-primary);font-size:18px;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:8px;margin-bottom:var(--space-8)}.workflow-step .workflow-subtitle{color:#4b555a;color:var(--color-text-secondary);font-size:14px;font-size:var(--font-size-base);font-style:italic;font-weight:400;font-weight:var(--font-weight-normal);margin-bottom:16px;margin-bottom:var(--space-16);text-align:center}.workflow-step p{margin-bottom:0;text-align:left}.team-reveal{margin-top:32px;margin-top:var(--space-32)}.team-grid-story{grid-gap:32px;grid-gap:var(--space-32);display:grid;gap:32px;gap:var(--space-32);grid-template-columns:1fr;margin-bottom:32px;margin-bottom:var(--space-32)}.team-member-story{grid-gap:24px;grid-gap:var(--space-24);align-items:center;background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:200px 1fr;padding:24px;padding:var(--space-24);transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-normal) var(--ease-standard)}.team-member-story:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-member-story:nth-child(2n){grid-template-columns:1fr 200px}.team-member-story:nth-child(2n) .member-photo{order:2}.team-member-story:nth-child(2n) .member-info{order:1}.member-photo{position:relative}.member-photo img{border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);height:200px;object-fit:cover;width:200px}.member-info h3{color:#13343b;color:var(--color-text);font-size:20px;font-size:var(--font-size-2xl);margin-bottom:4px;margin-bottom:var(--space-4)}.member-title{color:#2b7cee;color:var(--color-primary);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:12px;margin-bottom:var(--space-12)}.member-info p{font-size:14px;font-size:var(--font-size-base);line-height:1.6;margin-bottom:0}.team-secret{background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);overflow:hidden;padding:32px;padding:var(--space-32);position:relative;text-align:center}.team-secret:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#2b7cee0d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.team-secret p{position:relative;z-index:1}.big-reveal{color:#2b7cee!important;color:var(--color-primary)!important;font-size:18px!important;font-size:var(--font-size-xl)!important;font-weight:550!important;font-weight:var(--font-weight-semibold)!important;margin:24px 0!important;margin:var(--space-24) 0!important}.massive-reveal{-webkit-text-fill-color:#0000;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#2b7cee,#926ce0);background:linear-gradient(135deg,var(--color-primary),var(--color-violet));-webkit-background-clip:text;background-clip:text;font-size:24px!important;font-size:var(--font-size-3xl)!important;font-weight:600!important;font-weight:var(--font-weight-bold)!important;margin:32px 0!important;margin:var(--space-32) 0!important}@keyframes glow{0%{filter:brightness(1)}to{filter:brightness(1.2)}}.story-conclusion{color:#13343b!important;color:var(--color-text)!important;font-size:18px!important;font-size:var(--font-size-xl)!important;font-style:italic!important;font-weight:550!important;font-weight:var(--font-weight-semibold)!important;margin:24px 0!important;margin:var(--space-24) 0!important}.story-conclusion-text{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);margin:32px 0;margin:var(--space-32) 0;padding:24px;padding:var(--space-24)}.story-conclusion-text p{color:#13343b;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);line-height:1.7;margin-bottom:16px;margin-bottom:var(--space-16);text-align:justify}.story-conclusion-text p:last-child{margin-bottom:0}.story-finale{background:#21808d1a;background:rgba(var(--color-success-rgb),.1);border:1px solid #21808d33;border:1px solid rgba(var(--color-success-rgb),.2);border-radius:8px;border-radius:var(--radius-base);color:#10b981!important;color:var(--color-success)!important;font-size:20px!important;font-size:var(--font-size-2xl)!important;font-weight:600!important;font-weight:var(--font-weight-bold)!important;margin:32px 0!important;margin:var(--space-32) 0!important;padding:16px;padding:var(--space-16);text-align:center!important}.about-cta{background:linear-gradient(135deg,#9333ea14,#f9731614);background:linear-gradient(135deg,var(--color-bg-5),var(--color-bg-6));border-radius:12px;border-radius:var(--radius-lg);margin:32px 0;margin:var(--space-32) 0;padding:32px;padding:var(--space-32);text-align:center}.cta-content h2{color:#13343b;color:var(--color-text);font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:8px;margin-bottom:var(--space-8)}.cta-subtitle{color:#4b555a;color:var(--color-text-secondary);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:24px;margin-bottom:var(--space-24)}.cta-buttons{display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-16);justify-content:center}.cta-buttons .btn{min-width:180px;width:auto}.about-stats{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px;margin-bottom:var(--space-32)}.stat-card{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));padding:24px;padding:var(--space-24);text-align:center;transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-normal) var(--ease-standard)}.stat-card:hover{transform:translateY(-2px)}.stat-number{color:#2b7cee;color:var(--color-primary);display:block;font-size:30px;font-size:var(--font-size-4xl);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:8px;margin-bottom:var(--space-8)}.stat-label{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.contact-section h3{color:#13343b;color:var(--color-text);margin-bottom:24px;margin-bottom:var(--space-24);text-align:center}.contact-grid{grid-gap:24px;grid-gap:var(--space-24);display:grid;gap:24px;gap:var(--space-24);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.contact-item{background:linear-gradient(135deg,#3b82f614,#f59e0b14);background:linear-gradient(135deg,var(--color-bg-1),var(--color-bg-2));border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);padding:20px;padding:var(--space-20);text-align:center}.contact-icon{font-size:24px;font-size:var(--font-size-3xl);margin-bottom:12px;margin-bottom:var(--space-12)}.contact-item h4{color:#13343b;color:var(--color-text);margin-bottom:8px;margin-bottom:var(--space-8)}.contact-item p{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.camera-modal{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--space-16);position:fixed;right:0;top:0;z-index:10000}.camera-modal.hidden{display:none}.camera-modal-content{background:#fefdfb;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);max-height:80vh;max-width:600px;overflow:hidden;width:100%}.camera-header{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);display:flex;justify-content:space-between;padding:16px;padding:var(--space-16)}.camera-header button{background:none;border:none;color:#4b555a;color:var(--color-text-secondary);cursor:pointer;font-size:18px;font-size:var(--font-size-xl)}.camera-content{padding:16px;padding:var(--space-16);text-align:center}#cameraVideo{border-radius:8px;border-radius:var(--radius-base);max-width:500px;width:100%}.camera-footer{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border);display:flex;gap:12px;gap:var(--space-12);justify-content:center;padding:16px;padding:var(--space-16)}.demo-header{margin-bottom:32px;margin-bottom:var(--space-32);margin-top:32px;margin-top:var(--space-32);padding-bottom:24px;padding-bottom:var(--space-24);position:relative;text-align:center}.demo-header:after{background:linear-gradient(90deg,#2b7cee,#926ce0);background:linear-gradient(90deg,var(--color-primary),var(--color-violet));border-radius:9999px;border-radius:var(--radius-full);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.demo-header h2{color:#2b7cee;color:var(--color-primary);font-size:24px;font-size:var(--font-size-3xl);font-weight:600;font-weight:var(--font-weight-bold);margin-bottom:8px;margin-bottom:var(--space-8)}.tablet-demo{display:flex;justify-content:center;margin:32px 0;margin:var(--space-32) 0}.tablet-frame{background:#1a1a1a;border:3px solid #2b7cee66;border-radius:24px;box-shadow:0 20px 40px #0000004d;padding:24px;padding:var(--space-24);position:relative;transform:rotate(-2deg);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.tablet-frame:hover{transform:rotate(0deg) scale(1.02)}.tablet-screen{background:#000;border-radius:12px;height:600px;overflow:hidden;position:relative;width:400px}.demo-app{background:#f8f6f2;background:var(--color-background);display:flex;flex-direction:column;height:100%}.app-header{align-items:center;background:linear-gradient(135deg,#2b7cee,#926ce0);background:linear-gradient(135deg,var(--color-primary),var(--color-violet));color:#fff;display:flex;font-size:12px;font-size:var(--font-size-sm);font-weight:550;font-weight:var(--font-weight-semibold);justify-content:space-between;padding:12px 16px;padding:var(--space-12) var(--space-16)}.prescription-display{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:16px;padding:var(--space-16);position:relative}.prescription-image{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:auto}.prescription-image,.prescription-overlay{border-radius:8px;border-radius:var(--radius-base)}.prescription-overlay{align-items:center;background:#2b7ceee6;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s cubic-bezier(.16,1,.3,1);transition:opacity var(--duration-normal) var(--ease-standard)}.prescription-overlay.active{opacity:1}.scan-line{animation:scan 2s linear infinite;background:#fff;height:2px;margin-bottom:8px;margin-bottom:var(--space-8);width:80%}@keyframes scan{0%{opacity:0;transform:translateY(-100px)}50%{opacity:1}to{opacity:0;transform:translateY(100px)}}.demo-controls{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border)}.demo-controls,.demo-generate-btn{padding:16px;padding:var(--space-16)}.demo-generate-btn{border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 12px #926ce04d;cursor:pointer;font-size:16px;font-size:var(--font-size-lg);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%}.generated-files{animation:slideUpIn .5s ease-out;background:#fefdfb;background:var(--color-surface);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border);max-height:200px;overflow-y:auto;padding:16px;padding:var(--space-16)}@keyframes slideUpIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.files-header h4{color:#13343b;color:var(--color-text);font-size:14px;font-size:var(--font-size-base);margin:0 0 12px;margin:0 0 var(--space-12) 0}.file-item{align-items:center;background:#f8f6f2;background:var(--color-background);border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:flex;font-size:11px;font-size:var(--font-size-xs);gap:8px;gap:var(--space-8);margin-bottom:4px;margin-bottom:var(--space-4);padding:8px;padding:var(--space-8);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.file-item:hover{background:#926ce01f;background:var(--color-secondary);transform:translateX(4px)}.file-icon{font-size:16px;font-size:var(--font-size-lg)}.file-info{flex:1 1}.file-name{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold)}.file-size{color:#4b555a;color:var(--color-text-secondary)}.file-preview-btn,.file-size{font-size:11px;font-size:var(--font-size-xs)}.file-preview-btn{background:#2b7cee;background:var(--color-primary);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;padding:4px;padding:var(--space-4)}.tablet-home-button{background:#333;border-radius:50%;bottom:8px;height:40px;left:50%;position:absolute;transform:translateX(-50%);width:40px}.plan-navigation{display:flex;justify-content:space-between;padding:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:110%;z-index:10}.nav-arrow{align-items:center;background:#2b7ceecc;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-size:var(--font-size-sm);height:32px;justify-content:center;pointer-events:auto;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:32px}.nav-arrow:hover{background:#2b7cee;transform:scale(1.1)}.nav-arrow:disabled{background:#2b7cee4d;cursor:not-allowed;transform:none}.plan-viewer{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.plan-page-image{border-radius:8px;border-radius:var(--radius-base);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:auto}.plan-page-image:hover{box-shadow:0 12px 32px #0000004d;transform:scale(1.02);z-index:5}.tablet-fullscreen-modal .plan-page-image:hover{transform:scale(1.02)}.file-preview-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.file-preview-modal .modal-overlay{background:#000c;bottom:0;left:0;position:absolute;right:0;top:0}.file-preview-modal .modal-content{background:#fefdfb;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);max-height:90vh;max-width:90vw;overflow:hidden;position:relative;z-index:1}.file-preview-modal .modal-header{align-items:center;border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);display:flex;justify-content:space-between;padding:16px;padding:var(--space-16)}.file-preview-modal .modal-close{background:none;border:none;color:#4b555a;color:var(--color-text-secondary);cursor:pointer;font-size:18px;font-size:var(--font-size-xl)}.file-preview-modal .modal-body{padding:16px;padding:var(--space-16);text-align:center}.file-preview-modal .preview-image{border-radius:8px;border-radius:var(--radius-base);max-height:70vh;max-width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tablet-fullscreen-modal{align-items:center;animation:fadeIn .3s ease-out;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:16px;padding:var(--space-16);position:fixed;right:0;top:0;z-index:10000}.tablet-fullscreen-modal .modal-content{animation:zoomIn .3s ease-out;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin:auto;position:relative;width:-webkit-fit-content;width:fit-content;z-index:1}.tablet-fullscreen-modal .tablet-frame-fullscreen{align-items:center;background:#000;border:3px solid #333;border-radius:32px;box-shadow:0 30px 60px #00000080;display:flex;flex-direction:column;justify-content:center;padding:clamp(16px,2vw,32px)}.tablet-fullscreen-modal .tablet-screen-fullscreen{background:#000;border-radius:20px;box-shadow:0 20px 40px #0006;height:min(85vw * 1.414,75vh);overflow:hidden;position:relative;width:min(85vw,75vh * .707)}.tablet-fullscreen-modal .app-header{align-items:center;background:linear-gradient(135deg,#2b7cee,#926ce0);background:linear-gradient(135deg,var(--color-primary),var(--color-violet));color:#fff;display:flex;font-size:clamp(14px,1.2vw,18px);font-weight:550;font-weight:var(--font-weight-semibold);justify-content:space-between;padding:clamp(12px,1.5vw,20px) clamp(16px,2vw,24px)}.tablet-fullscreen-modal .prescription-display{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:clamp(16px,2vw,24px);position:relative}.tablet-fullscreen-modal .plan-viewer{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.tablet-fullscreen-modal .plan-viewer img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.tablet-fullscreen-modal .plan-page-image,.tablet-fullscreen-modal .prescription-image{border-radius:8px;border-radius:var(--radius-base);box-shadow:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;box-shadow:var(--shadow-lg);cursor:pointer;height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:auto}.tablet-fullscreen-modal .demo-controls{background:#f8f6f2;background:var(--color-background);border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border);padding:clamp(16px,2vw,24px)}.tablet-fullscreen-modal .demo-generate-btn{border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 12px #926ce04d;cursor:pointer;font-size:clamp(16px,1.4vw,20px);min-height:48px;padding:clamp(16px,2vw,24px);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:100%}.tablet-fullscreen-modal .plan-navigation{display:flex;justify-content:space-between;padding:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:110%;z-index:10}.tablet-fullscreen-modal .nav-arrow{align-items:center;background:#2b7ceee6;border:none;border-radius:50%;box-shadow:0 4px 12px #0006;color:#fff;cursor:pointer;display:flex;font-size:clamp(14px,1.2vw,18px);height:clamp(40px,4vw,56px);justify-content:center;pointer-events:auto;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:clamp(40px,4vw,56px)}.tablet-fullscreen-modal .tablet-home-button{background:#1b1b1b;border-radius:50%;bottom:clamp(12px,1.5vw,20px);height:clamp(35px,3.5vw,50px);left:50%;position:absolute;transform:translateX(-50%);width:clamp(35px,3.5vw,50px)}@media (min-width:1920px){.tablet-fullscreen-modal .tablet-screen-fullscreen{max-height:1350px;max-width:900px}}@media (max-width:1200px){.tablet-fullscreen-modal .tablet-screen-fullscreen{height:min(80vw * 1.5,70vh);width:min(80vw,70vh * .67)}}@media (max-width:768px){.tablet-fullscreen-modal .tablet-screen-fullscreen{height:min(90vw * 1.5,60vh);width:min(90vw,60vh * .67)}.tablet-fullscreen-modal .tablet-frame-fullscreen{padding:12px;padding:var(--space-12)}.tablet-frame{background:#1a1a1a;border:3px solid #2b7cee66;border-radius:24px;box-shadow:0 20px 40px #0000004d;cursor:pointer;padding:24px;padding:var(--space-24);position:relative;transform:rotate(-2deg);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.tablet-frame:hover{transform:rotate(0deg) scale(1.02)}.tablet-screen{height:480px;width:320px}.prescription-image{max-height:250px;width:95%}.plan-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.demo-generate-btn{box-shadow:0 4px 12px #926ce04d;font-size:14px;font-size:var(--font-size-base);padding:12px;padding:var(--space-12)}.file-preview-modal .modal-content{margin:16px;margin:var(--space-16);max-width:calc(100vw - 32px)}.desktop-nav{display:none}.mobile-menu-btn{display:flex}.hero__title{font-size:24px;font-size:var(--font-size-3xl)}.kpi-grid,.performance-grid{grid-template-columns:1fr}.results-actions,.upload-buttons{flex-direction:column}.results-actions .btn{width:100%}.pricing-grid{grid-template-columns:1fr}.history-controls{align-items:stretch}.history-controls,.history-filters{flex-direction:column}.table-header,.table-row{gap:4px;gap:var(--space-4);grid-template-columns:1fr}.table-header{display:none}.table-row{display:flex;flex-direction:column;text-align:left}.footer__content{flex-direction:column;text-align:center}.toast{margin:0 16px;margin:0 var(--space-16);min-width:auto}.video-grid{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.support-actions{align-items:center;flex-direction:column}.support-actions .btn{min-width:200px;width:auto}.header-user .guest-area{flex-direction:column;gap:4px;gap:var(--space-4)}.user-menu{min-width:200px;right:-100px}.header__content{padding:0 16px;padding:0 var(--space-16)}.header-user{display:none}.header{overflow-x:hidden;padding:8px 0;padding:var(--space-8) 0}.container{margin:0;max-width:100%;padding:0 16px;padding:0 var(--space-16)}.public-layout{max-width:100vw;overflow-x:hidden;width:100%}.public-main{box-sizing:border-box;max-width:100vw;padding:16px;padding:var(--space-16);width:100%}.mobile-nav{margin:var(--space-md);width:calc(100% - var(--space-lg))}.hero-content h1{font-size:24px;font-size:var(--font-size-3xl)}.hero-subtitle{font-size:16px;font-size:var(--font-size-lg)}.hero-intro p{font-size:14px;font-size:var(--font-size-base)}.chapter-title{font-size:20px;font-size:var(--font-size-2xl)}.story-content p{font-size:14px;font-size:var(--font-size-base);text-align:left}.team-member-story{text-align:center}.team-member-story,.team-member-story:nth-child(2n){grid-template-columns:1fr}.team-member-story:nth-child(2n) .member-info,.team-member-story:nth-child(2n) .member-photo{order:0}.member-photo img{height:150px;width:150px}.big-reveal{font-size:16px!important;font-size:var(--font-size-lg)!important}.massive-reveal{font-size:18px!important;font-size:var(--font-size-xl)!important}.story-finale{font-size:16px!important;font-size:var(--font-size-lg)!important}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn{max-width:300px;width:100%}}@media (max-height:700px){.tablet-fullscreen-modal{align-items:flex-start;padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.tablet-fullscreen-modal .tablet-screen-fullscreen{height:min(90vw * 1.5,calc(100vh - 120px))}}.performance-grid{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.week-chart{align-items:flex-end!important;display:flex!important;gap:.5rem!important;justify-content:space-between!important}.kpi-grid>.performance-section{grid-column:1/-1}.btn-cta,.btn-download,.btn-primary,.btn-remove,.btn-stop-listening,.btn-success,.btn-validate,.btn-warning{align-items:center;background:#2b7cee;background:var(--color-primary);border:none;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);color:#fcfcf9;color:var(--color-btn-primary-text);display:inline-flex;font-weight:550;font-weight:var(--font-weight-semibold);gap:6px;gap:var(--space-6);height:44px;justify-content:center;letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);padding:0 1.25rem;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.btn-cta:hover,.btn-download:hover,.btn-primary:hover,.btn-remove:hover,.btn-stop-listening:hover,.btn-success:hover,.btn-validate:hover,.btn-warning:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-logout,.btn-outline,.btn-secondary{align-items:center;background:#0000;border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:9999px;border-radius:var(--radius-full);color:#13343b;color:var(--color-text);display:inline-flex;font-weight:500;font-weight:var(--font-weight-medium);gap:6px;gap:var(--space-6);height:44px;justify-content:center;padding:0 1.25rem;transition:border-color .15s cubic-bezier(.16,1,.3,1),color .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.btn-logout:hover,.btn-outline:hover,.btn-secondary:hover{border-color:#2b7cee;border-color:var(--color-primary);color:#2b7cee;color:var(--color-primary)}.btn-large{font-size:16px;font-size:var(--font-size-lg);height:52px}.app-header,.public-header{background:rgba(rgba(255,255,255,1),.9);background:rgba(var(--color-white),.9);border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:30}.app-main,.public-main{min-height:calc(100vh - 80px);padding:32px 16px;padding:var(--space-32) var(--space-16)}.app-main,.public-main{background:#f8f6f2;background:var(--color-background)}#root,body{background-color:#f8f6f2;background-color:var(--color-background)}.card,.legacy-card{background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000005;box-shadow:var(--shadow-xs);padding:24px;padding:var(--space-24)}.logo,.logo-img{align-items:center;color:#13343b;color:var(--color-text);display:flex;font-weight:600;font-weight:var(--font-weight-bold);gap:8px;gap:var(--space-8)}.mobile-nav-actions{gap:12px;gap:var(--space-12);margin-top:24px;margin-top:var(--space-24)}.mobile-nav-actions,.upload-stage{display:flex;flex-direction:column}.upload-stage{gap:24px;gap:var(--space-24)}.upload-hint{color:#4b555a;color:var(--color-text-secondary);margin-top:12px;margin-top:var(--space-12)}.status-chip,.upload-hint{font-size:12px;font-size:var(--font-size-sm)}.status-chip{align-items:center;background:#926ce01f;background:var(--color-secondary);border-radius:9999px;border-radius:var(--radius-full);color:#13343b;color:var(--color-text);display:inline-flex;font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;padding:4px 12px;padding:var(--space-4) var(--space-12);text-transform:capitalize}.table-title{font-weight:550;font-weight:var(--font-weight-semibold)}.hero__eyebrow,.table-subtitle{color:#4b555a;color:var(--color-text-secondary);font-size:12px;font-size:var(--font-size-sm)}.hero__eyebrow{letter-spacing:.08em;margin-bottom:8px;margin-bottom:var(--space-8);text-transform:uppercase}.btn--ghost{background:#0000;border:1px solid #5e52401f;border:1px solid var(--color-card-border);color:#13343b;color:var(--color-text)}.btn--ghost:hover{border-color:#2b7cee;border-color:var(--color-primary);color:#2b7cee;color:var(--color-primary)}.btn--xs{font-size:12px;font-size:var(--font-size-sm);height:32px;padding:0 12px;padding:0 var(--space-12)}.form-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-8)}.form-group label{color:#13343b;color:var(--color-text);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:2px;margin-bottom:var(--space-2)}.form-control,.validation-form input[type=email],.validation-form input[type=text]{background:#fefdfb;background:var(--color-surface);border:2px solid #5e52401f;border:2px solid var(--color-card-border);border-radius:12px;box-sizing:border-box;font-size:14px;font-size:var(--font-size-base);max-width:100%;min-height:48px;padding:var(--space-14) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:100%}.form-control:focus,.validation-form input[type=email]:focus,.validation-form input[type=text]:focus{background:#f8f6f2;background:var(--color-background);border-color:#2b7cee;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.input-with-voice{align-items:stretch;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-8);max-width:100%}.input-with-voice input{flex:1 1;min-width:0}.voice-btn{background:#fefdfb;background:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);cursor:pointer;padding:0 12px;padding:0 var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.voice-btn.listening{border-color:#2b7cee;border-color:var(--color-primary);color:#2b7cee;color:var(--color-primary)}.validation-shell{display:flex;flex-direction:column;gap:24px;gap:var(--space-24)}.validation-section .card{margin-bottom:24px;margin-bottom:var(--space-24)}.validation-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;gap:var(--space-24);justify-content:space-between}.validation-stats{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12)}.stat-pill{align-items:center;background:#926ce01f;background:var(--color-secondary);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-weight:500;font-weight:var(--font-weight-medium);gap:6px;gap:var(--space-6);padding:6px 12px;padding:var(--space-6) var(--space-12)}.patient-panel .patient-fields{grid-gap:16px;grid-gap:var(--space-16);display:grid;gap:16px;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.medications-panel{display:flex;flex-direction:column;gap:16px;gap:var(--space-16);overflow:visible!important}.medications-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-12);justify-content:space-between}.medication-card{background:#fefdfb;background:var(--color-surface);border:2px solid #5e52401f;border:2px solid var(--color-card-border);border-radius:16px;display:flex;flex-direction:column;gap:20px;gap:var(--space-20);padding:24px;padding:var(--space-24);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.medication-card:hover{border-color:#2b7cee;border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.medication-card.validated{border-color:#21808d4d;border-color:rgba(var(--color-success-rgb),.3)}.medication-header{align-items:center;display:flex;gap:16px;gap:var(--space-16);justify-content:space-between}.medication-actions{align-items:center;display:flex;gap:8px;gap:var(--space-8)}.validation-badge{background:#926ce01f;background:var(--color-secondary);border-radius:9999px;border-radius:var(--radius-full);font-size:12px;font-size:var(--font-size-sm);padding:4px 10px;padding:var(--space-4) var(--space-10)}.validation-badge.validated{background:#21808d26;background:rgba(var(--color-success-rgb),.15);color:#10b981;color:var(--color-success)}.validation-actions{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;gap:var(--space-16);justify-content:center;text-align:center}.validation-actions .btn{min-width:180px;width:auto}.processing-panel,.result-panel{margin:0 auto;max-width:720px;padding:32px;padding:var(--space-32);text-align:center}.status-animation{margin-bottom:16px;margin-bottom:var(--space-16)}.spinner{animation:spin 1s linear infinite;border:4px solid #0000000d;border-top-color:#2b7cee;border-top:4px solid var(--color-primary);height:60px;margin:0 auto;width:60px}.processing-step{font-size:16px;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:16px;margin-bottom:var(--space-16)}.generation-steps.vertical{display:flex;flex-direction:column;gap:8px;gap:var(--space-8);margin-top:24px;margin-top:var(--space-24)}.generation-steps.vertical .progress-step{width:100%}.result-stats{display:flex;justify-content:center;margin:24px 0;margin:var(--space-24) 0}.stat-card{background:#926ce01f;background:var(--color-secondary);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);padding:16px 24px;padding:var(--space-16) var(--space-24)}.stat-value{display:block;font-size:24px;font-size:var(--font-size-3xl);font-weight:600;font-weight:var(--font-weight-bold)}.result-success .success-icon{font-size:30px;font-size:var(--font-size-4xl);margin-bottom:12px;margin-bottom:var(--space-12)}.pdf-info{border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:20px;gap:var(--space-20);margin-top:24px;margin-top:var(--space-24);padding:24px;padding:var(--space-24)}.pdf-info-content{text-align:center}.pdf-info-content h4{color:#13343b;color:var(--color-text);font-size:18px;font-size:var(--font-size-xl);font-weight:550;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-8)}.pdf-info-content p{color:#4b555a;color:var(--color-text-secondary);margin:0}.pdf-download{align-items:center;display:flex;flex-direction:column;gap:12px;gap:var(--space-12)}.pdf-download .btn{align-items:center;display:inline-flex;gap:8px;gap:var(--space-8);justify-content:center;min-width:240px}.download-code .code-display{border:1px dashed #5e52401f;border:1px dashed var(--color-card-border);border-radius:8px;border-radius:var(--radius-base);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:20px;font-size:var(--font-size-2xl);letter-spacing:.2em;padding:12px;padding:var(--space-12)}.result-actions{display:flex;justify-content:center;margin-top:24px;margin-top:var(--space-24)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fbf9f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}#root{background-color:#fbf9f5;min-height:100vh}.firebase-notification{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:16px;position:fixed;right:20px;top:20px;z-index:9999}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:8px;vertical-align:middle;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background-color:#fee;border-left:3px solid #e53e3e;border-radius:4px;color:#e53e3e;font-size:14px;margin-top:8px;padding:8px}