:root{--p-navy:#0b1d35;--p-navy-mid:#152c4e;--p-navy-light:#1e3a5f;--p-ivory:#fafaf7;--p-warm-white:#f5f3ef;--p-teal:#0d9488;--p-teal-soft:#ccfbf1;--p-teal-glow:#0d948814;--p-card:#fff;--p-border:#0b1d350f;--p-border-focus:#0b1d351f;--p-text:#1a1a1a;--p-text-secondary:#5c6370;--p-text-muted:#9ca3af;--p-success:#059669;--p-success-bg:#ecfdf5;--p-warning:#d97706;--p-warning-bg:#fffbeb;--p-danger:#dc2626;--p-danger-bg:#fef2f2;--p-info:#2563eb;--p-info-bg:#eff6ff;--p-space-xs:4px;--p-space-sm:8px;--p-space-md:16px;--p-space-lg:24px;--p-space-xl:32px;--p-space-2xl:48px;--p-radius:14px;--p-radius-sm:10px;--p-radius-lg:20px;--p-radius-pill:100px;--p-shadow-sm:0 1px 2px #0b1d3508;--p-shadow:0 1px 3px #0b1d350a, 0 6px 16px #0b1d3505;--p-shadow-md:0 2px 4px #0b1d350a, 0 8px 24px #0b1d350a;--p-shadow-lg:0 4px 8px #0b1d350a, 0 16px 48px #0b1d350f;--p-shadow-glow:0 0 24px #0d94881f;--p-ease:cubic-bezier(.25, .46, .45, .94);--p-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--p-duration:.25s}.patient-portal{background:var(--p-ivory);min-height:100vh;color:var(--p-text)}.patient-portal:before{content:"";pointer-events:none;opacity:.02;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.p-card{background:var(--p-card);border-radius:var(--p-radius);box-shadow:var(--p-shadow);border:1px solid var(--p-border);transition:box-shadow var(--p-duration) var(--p-ease), transform var(--p-duration) var(--p-ease);position:relative;overflow:hidden}.p-card:hover{box-shadow:var(--p-shadow-md)}.p-card-interactive{cursor:pointer}.p-card-interactive:hover{transform:translateY(-1px)}.p-card-interactive:active{transition-duration:.1s;transform:translateY(0)}.p-header{background:linear-gradient(165deg, var(--p-navy) 0%, var(--p-navy-mid) 60%, var(--p-navy-light) 100%);border-radius:var(--p-radius-lg);padding:var(--p-space-lg);color:#fff;position:relative;overflow:hidden}.p-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#0d948826 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;left:-60px}.p-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0a 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;bottom:-80px;right:-40px}.p-eye-chip{-webkit-backdrop-filter:blur(12px);border-radius:var(--p-radius-sm);transition:background var(--p-duration) var(--p-ease);background:#ffffff12;border:1px solid #ffffff14;align-items:center;gap:8px;padding:10px 14px;font-size:.8125rem;display:flex}.p-eye-chip:hover{background:#ffffff1a}.patient-tab-bar{background:var(--p-card);border-radius:var(--p-radius);box-shadow:var(--p-shadow);border:1px solid var(--p-border);z-index:10;gap:4px;padding:5px;display:flex;position:sticky;top:68px}.patient-tab{color:var(--p-text-secondary);border-radius:var(--p-radius-sm);cursor:pointer;transition:all var(--p-duration) var(--p-ease);-webkit-user-select:none;user-select:none;text-align:center;letter-spacing:.01em;background:0 0;border:none;flex:1;padding:11px 8px;font-size:.8125rem;font-weight:500;position:relative}.patient-tab:hover{color:var(--p-navy);background:var(--p-warm-white)}.patient-tab-active{font-weight:600;box-shadow:0 2px 8px #0b1d3533,0 1px 2px #0b1d351a;background:var(--p-navy)!important;color:#fff!important}.tab-badge{background:var(--p-danger);border:2px solid var(--p-card);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite badge-pulse;position:absolute;top:7px;left:50%;transform:translate(14px)}@keyframes badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.p-qr-btn{cursor:pointer;width:52px;height:52px;transition:all var(--p-duration) var(--p-ease-spring);color:var(--p-navy);letter-spacing:.05em;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex;box-shadow:0 2px 8px #00000014}.p-qr-btn:hover{transform:scale(1.06);box-shadow:0 4px 16px #0000001f}.p-qr-btn:active{transform:scale(.98)}.recovery-track{align-items:center;gap:0;padding:8px 0;display:flex}.recovery-dot{border:2.5px solid var(--p-border-focus);width:14px;height:14px;transition:all .4s var(--p-ease);background:#fff;border-radius:50%;flex-shrink:0}.recovery-dot-done{background:var(--p-success);border-color:var(--p-success);box-shadow:0 0 0 4px var(--p-success-bg)}.recovery-dot-current{background:var(--p-teal);border-color:var(--p-teal);box-shadow:0 0 0 5px var(--p-teal-soft), var(--p-shadow-glow);width:18px;height:18px;animation:2.5s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 5px var(--p-teal-soft), 0 0 16px #0d948826}50%{box-shadow:0 0 0 7px var(--p-teal-soft), 0 0 28px #0d94881a}}.recovery-line{background:var(--p-border-focus);height:3px;transition:background .4s var(--p-ease);border-radius:2px;flex:1;margin:0 -2px}.recovery-line-done{background:var(--p-success)}.calendar-pulse{animation:2s ease-in-out infinite cal-pulse}@keyframes cal-pulse{0%,to{box-shadow:0 0 #10b98100}50%{box-shadow:0 0 0 4px #10b98126}}.p-tip{border-radius:var(--p-radius-sm);color:#166534;background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border:1px solid #bbf7d0;padding:12px 16px;font-size:.75rem;line-height:1.7}.p-alert-warning{background:linear-gradient(135deg, var(--p-warning-bg) 0%, #fff7ed 100%);border-radius:var(--p-radius);border:1px solid #fde68a;padding:14px 16px}.p-alert-danger{background:linear-gradient(135deg, var(--p-danger-bg) 0%, #fff1f2 100%);border-radius:var(--p-radius);border:1px solid #fecaca;padding:14px 16px}.p-btn{border-radius:var(--p-radius-sm);cursor:pointer;transition:all var(--p-duration) var(--p-ease);letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:.875rem;font-weight:600;display:inline-flex}.p-btn:active{transition-duration:.1s;transform:scale(.97)}.p-btn-primary{background:var(--p-navy);color:#fff;box-shadow:0 2px 8px #0b1d352e}.p-btn-primary:hover{background:var(--p-navy-mid);transform:translateY(-1px);box-shadow:0 4px 16px #0b1d3538}.p-btn-teal{background:var(--p-teal);color:#fff;box-shadow:0 2px 8px #0d948833}.p-btn-teal:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0d948840}.p-btn-outline{color:var(--p-navy);border:1.5px solid var(--p-border-focus);box-shadow:var(--p-shadow-sm);background:#fff}.p-btn-outline:hover{border-color:var(--p-navy);background:var(--p-warm-white)}.p-btn-block{width:100%}.p-badge{border-radius:var(--p-radius-pill);letter-spacing:.01em;align-items:center;gap:4px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.p-badge-success{background:var(--p-success-bg);color:#065f46}.p-badge-warning{background:var(--p-warning-bg);color:#92400e}.p-badge-danger{background:var(--p-danger-bg);color:#991b1b}.p-badge-info{background:var(--p-info-bg);color:#1e40af}.p-badge-neutral{background:var(--p-warm-white);color:var(--p-text-secondary)}.p-booking-confirmed{border-radius:var(--p-radius);padding:var(--p-space-md);background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 50%,#ccfbf1 100%);border:1px solid #a7f3d0;position:relative;overflow:hidden}.p-booking-confirmed:before{content:"";background:radial-gradient(circle,#05966914 0%,#0000 70%);border-radius:50%;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.pain-slider{appearance:none;opacity:.85;width:100%;height:10px;transition:opacity var(--p-duration);background:linear-gradient(90deg,#059669,#84cc16,#eab308,#f97316,#dc2626);border-radius:5px;outline:none}.pain-slider[dir=rtl]{direction:rtl;background:linear-gradient(270deg,#059669,#84cc16,#eab308,#f97316,#dc2626)}.pain-slider:hover{opacity:1}.pain-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--p-navy);cursor:pointer;width:28px;height:28px;transition:transform .15s var(--p-ease-spring), box-shadow .15s var(--p-ease);background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001f}.pain-slider::-webkit-slider-thumb:hover{transform:scale(1.12);box-shadow:0 4px 12px #0000002e}.pain-slider::-webkit-slider-thumb:active{transform:scale(.95)}.p-chip{border-radius:var(--p-radius-sm);cursor:pointer;transition:all var(--p-duration) var(--p-ease);text-align:center;border:1.5px solid var(--p-border-focus);background:#fff;padding:8px 12px;font-size:.6875rem;font-weight:500}.p-chip:hover{border-color:var(--p-navy);background:var(--p-warm-white)}.p-chip-selected{color:var(--p-navy);box-shadow:0 0 0 3px var(--p-teal-soft);font-weight:600;border-color:var(--p-teal)!important;background:var(--p-teal-glow)!important}.p-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:50;animation:overlay-in .2s var(--p-ease);background:#0b1d3559;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.p-modal{background:var(--p-card);border-radius:var(--p-radius-lg) var(--p-radius-lg) 0 0;width:100%;max-width:480px;max-height:85vh;animation:modal-in .3s var(--p-ease-spring);flex-direction:column;display:flex}@media (min-width:640px){.p-modal{border-radius:var(--p-radius-lg);max-height:80vh;margin:auto}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.p-doctor-card{background:var(--p-card);border-radius:var(--p-radius);padding:var(--p-space-md);border-right:4px solid var(--p-navy);box-shadow:var(--p-shadow)}.p-doctor-avatar{background:var(--p-navy);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.75rem;font-weight:700;display:flex}.p-emergency{border-radius:var(--p-radius);padding:var(--p-space-md);color:#fff;text-align:center;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.p-emergency-phone{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--p-radius-sm);letter-spacing:1px;font-variant-numeric:tabular-nums;background:#ffffff1f;margin-top:10px;padding:10px;font-size:1.125rem;font-weight:700}.p-lang-toggle{background:#ffffff14;border-radius:8px;gap:2px;padding:2px;display:flex}.p-lang-btn{cursor:pointer;transition:all var(--p-duration) var(--p-ease);color:#ffffff80;background:0 0;border:none;border-radius:6px;padding:4px 10px;font-size:.6875rem;font-weight:600}.p-lang-btn-active{color:var(--p-navy);background:#fff;box-shadow:0 1px 4px #00000014}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.p-animate{animation:card-in .5s var(--p-ease) both}.p-animate:first-child{animation-delay:0s}.p-animate:nth-child(2){animation-delay:70ms}.p-animate:nth-child(3){animation-delay:.14s}.p-animate:nth-child(4){animation-delay:.21s}.p-animate:nth-child(5){animation-delay:.28s}.p-section-title{color:var(--p-navy);letter-spacing:-.01em;font-size:.875rem;font-weight:700}.p-section-subtitle{color:var(--p-text-muted);font-size:.75rem}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--p-border-focus);border-radius:2px}button,a,[role=button],.patient-tab,summary,select,input[type=range],input[type=checkbox],input[type=radio]{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--p-teal);outline-offset:2px}*{-webkit-tap-highlight-color:transparent}.patient-portal{overflow-anchor:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:480px){.p-header{border-radius:var(--p-radius);padding:20px}.patient-tab{padding:10px 4px;font-size:.75rem}}