@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;padding:20px}.login-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.bg-shape{position:absolute;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;top:-150px;left:-150px;animation-delay:0s}.shape-2{width:200px;height:200px;bottom:-100px;right:-100px;animation-delay:5s}.shape-3{width:150px;height:150px;top:50%;left:10%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.login-box{background:var(--card-bg);border-radius:20px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:440px;padding:40px;position:relative;z-index:1;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-logo{display:inline-block;margin-bottom:15px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-header h1{font-size:32px;font-weight:700;color:var(--primary);margin:10px 0 5px;letter-spacing:-.5px}.login-subtitle{color:var(--text-muted);font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px;border-left:4px solid #c62828;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-group input{padding:12px 16px;border:2px solid var(--border-color);border-radius:10px;font-size:15px;transition:all .3s ease;outline:none}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-top:-8px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.forgot-password{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;box-shadow:0 4px 15px #667eea66}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.login-footer{margin-top:30px;padding-top:20px;border-top:1px solid var(--border-color);text-align:center}.login-footer p{color:var(--text-muted);font-size:13px;margin:5px 0}.test-credentials{color:var(--primary)!important;font-size:14px!important;font-weight:600;background:var(--primary-light);padding:8px 12px;border-radius:8px;display:inline-block;margin-top:8px}.dark-mode .login-box{box-shadow:0 20px 60px #0009}.dark-mode .form-group input{background:#1e293b;border-color:var(--border-color);color:var(--text-primary)}.dark-mode .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626}.dark-mode .test-credentials{background:var(--primary-light)}@media (max-width: 480px){.login-box{padding:30px 20px}.login-header h1{font-size:28px}.form-options{flex-direction:column;gap:10px;align-items:flex-start}}.pd-page{max-width:900px;margin:0 auto}.pd-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-tertiary);background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem 0;margin-bottom:1rem;transition:color .2s;font-family:inherit}.pd-back:hover{color:var(--text-primary);gap:.75rem}.pd-hero{background:linear-gradient(135deg,#1e3a5f,#2d1b69 52%,#831843);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem;position:relative;overflow:hidden;box-shadow:0 10px 32px #00000040;color:#fff}.pd-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:#ffffff12;pointer-events:none}.pd-hero:after{content:"";position:absolute;bottom:-80px;left:-60px;width:300px;height:300px;border-radius:50%;background:#ffffff09;pointer-events:none}.pd-hero-inner{position:relative;display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.pd-avatar{width:72px;height:72px;border-radius:1rem;background:#ffffff2e;border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;flex-shrink:0;letter-spacing:-.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pd-hero-info{flex:1;min-width:0}.pd-hero-name{font-size:1.625rem;font-weight:700;line-height:1.2;margin-bottom:.625rem;text-shadow:0 1px 4px rgba(0,0,0,.2)}.pd-hero-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.875rem}.pd-hero-chip{display:inline-flex;align-items:center;gap:.375rem;background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.5rem;padding:.25rem .625rem;font-size:.8rem;font-weight:500}.pd-hero-actions{display:flex;gap:.625rem;flex-wrap:wrap}.pd-btn-edit{display:inline-flex;align-items:center;gap:.375rem;padding:.45rem 1rem;background:#fff;color:#1e3a5f;border:none;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;cursor:pointer;transition:box-shadow .2s,transform .2s;font-family:inherit}.pd-btn-edit:hover{box-shadow:0 4px 14px #00000038;transform:translateY(-1px)}.pd-btn-delete{display:inline-flex;align-items:center;gap:.375rem;padding:.45rem 1rem;background:#ef4444d9;color:#fff;border:none;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;cursor:pointer;transition:background .2s,transform .2s;font-family:inherit}.pd-btn-delete:hover{background:#dc2626f2;transform:translateY(-1px)}.pd-tabs{display:flex;gap:.375rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.375rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:background .3s,border-color .3s}.pd-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem .75rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .25s;font-family:inherit;white-space:nowrap}.pd-tab:hover:not(.pd-tab-active){background:var(--hover-bg);color:var(--text-primary)}.pd-tab-active-0{background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;box-shadow:0 2px 10px #2563eb59}.pd-tab-active-1{background:linear-gradient(135deg,#059669,#0d9488);color:#fff;box-shadow:0 2px 10px #05966959}.pd-tab-active-2{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;box-shadow:0 2px 10px #7c3aed59}.pd-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:background .3s,border-color .3s}.pd-card-title{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.875rem}.pd-card-icon{width:30px;height:30px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pd-card-count{margin-left:auto;font-size:.72rem;font-weight:600;padding:.2rem .625rem;border-radius:999px}.pd-icon-blue{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff}.pd-icon-green{background:linear-gradient(135deg,#059669,#0d9488);color:#fff}.pd-icon-red{background:linear-gradient(135deg,#dc2626,#ea580c);color:#fff}.pd-icon-amber{background:linear-gradient(135deg,#d97706,#ca8a04);color:#fff}.pd-icon-pink{background:linear-gradient(135deg,#db2777,#e11d48);color:#fff}.pd-icon-orange{background:linear-gradient(135deg,#ea580c,#d97706);color:#fff}.pd-icon-purple{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff}.pd-icon-indigo{background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff}.pd-icon-gray{background:linear-gradient(135deg,#475569,#64748b);color:#fff}.pd-count-red{background:#dc26261a;color:#dc2626}.pd-count-amber{background:#d977061a;color:#d97706}.pd-count-green{background:#0596691a;color:#059669}.dark-mode .pd-count-red{background:#f871711f;color:#f87171}.dark-mode .pd-count-amber{background:#fbbf241f;color:#fbbf24}.dark-mode .pd-count-green{background:#34d3991f;color:#34d399}.pd-row{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:.75rem;border:1px solid var(--border-color);margin-bottom:.625rem;transition:border-color .2s}.pd-row:last-child{margin-bottom:0}.pd-row:hover{border-color:var(--primary-mid)}.pd-row-red{border-left:3px solid #dc2626}.pd-row-amber{border-left:3px solid #d97706}.dark-mode .pd-row-red{border-left-color:#f87171}.dark-mode .pd-row-amber{border-left-color:#fbbf24}.pd-kv{display:flex;flex-direction:column;gap:.125rem}.pd-kv-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.pd-kv-value{font-size:.9rem;font-weight:600;color:var(--text-primary)}.pd-kv-value.mono{font-family:var(--font-mono);font-size:.85rem}.pd-id-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.625rem}.pd-contact-row{display:flex;align-items:center;gap:.75rem;padding:.625rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-tertiary);transition:border-color .2s;margin-bottom:.5rem}.pd-contact-row:last-child{margin-bottom:0}.pd-contact-row:hover{border-color:var(--primary-mid)}.pd-contact-icon{width:34px;height:34px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pd-badge{display:inline-flex;align-items:center;padding:.175rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;border:1px solid transparent}.pd-badge-active{background:#dc26261a;color:#dc2626;border-color:#dc262638}.pd-badge-resolved{background:#0596691a;color:#059669;border-color:#05966938}.pd-badge-inactive{background:var(--tag-bg);color:var(--text-tertiary);border-color:var(--border-color)}.pd-badge-crit-h{background:#dc26261a;color:#dc2626;border-color:#dc262638}.pd-badge-crit-l{background:#d977061a;color:#d97706;border-color:#d9770633}.dark-mode .pd-badge-active{background:#f871711a;color:#f87171;border-color:#f8717133}.dark-mode .pd-badge-resolved{background:#34d3991a;color:#34d399;border-color:#34d39933}.dark-mode .pd-badge-crit-h{background:#f871711a;color:#f87171;border-color:#f8717133}.dark-mode .pd-badge-crit-l{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2433}.pd-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:500;padding:.175rem .5rem;border-radius:999px;background:var(--tag-bg);color:var(--text-tertiary);border:1px solid var(--border-color)}.pd-tag-reaction{background:#ea580c14;color:#ea580c;border-color:#ea580c2e}.dark-mode .pd-tag-reaction{background:#fb923c1a;color:#fb923c;border-color:#fb923c33}.pd-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.pd-row-flex{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}.pd-row-name{font-weight:700;color:var(--text-primary);font-size:.9rem}.pd-row-badges{display:flex;gap:.375rem;flex-shrink:0;flex-wrap:wrap;align-items:flex-start}.pd-row-meta{display:flex;flex-wrap:wrap;gap:.625rem;font-size:.72rem;color:var(--text-tertiary);margin-top:.25rem}.pd-note{margin-top:.5rem;font-size:.8rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);padding:.5rem .625rem;border:1px solid var(--border-color)}.pd-vitals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:.75rem}.pd-vital-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem;transition:border-color .2s}.pd-vital-card:hover{border-color:#059669}.dark-mode .pd-vital-card:hover{border-color:#34d399}.pd-vital-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.pd-vital-icon{font-size:1.25rem;line-height:1}.pd-vital-date{font-size:.67rem;color:var(--text-tertiary)}.pd-vital-name{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#059669;margin-bottom:.375rem}.dark-mode .pd-vital-name{color:#34d399}.pd-vital-big{font-size:2rem;font-weight:700;line-height:1;color:var(--text-primary)}.pd-vital-unit{font-size:.8rem;font-weight:400;color:var(--text-tertiary);margin-left:.25rem}.pd-vital-components{display:flex;flex-wrap:wrap;gap:.375rem}.pd-vital-comp{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.25rem .5rem}.pd-vital-comp-name{font-size:.65rem;color:var(--text-tertiary);margin-bottom:.125rem}.pd-vital-comp-val{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.pd-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-dim)}.pd-empty-icon{opacity:.22;display:block;margin:0 auto .75rem}.pd-empty p{font-size:.875rem}.pd-spinner-wrap{display:flex;align-items:center;justify-content:center;padding:5rem 1rem;gap:1rem}.pd-spinner{position:relative;width:52px;height:52px;flex-shrink:0}.pd-spinner-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid var(--spinner-track)}.pd-spinner-head{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:4px solid transparent;border-top-color:var(--spinner-head);animation:pd-spin .72s linear infinite}@keyframes pd-spin{to{transform:rotate(360deg)}}.pd-dark-card{background:#0f172a;border:1px solid #1e2d45;border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.dark-mode .pd-dark-card{background:#060c18;border-color:#1a2442}.pd-dark-card .pd-card-title{color:#f1f5f9}.pd-meta-row{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-md);padding:.625rem .875rem;margin-bottom:.5rem}.pd-meta-row:last-child{margin-bottom:0}.pd-meta-label{font-size:.67rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b;margin-bottom:.2rem;font-weight:600}.pd-meta-green{font-family:var(--font-mono);font-size:.85rem;color:#4ade80;font-weight:600}.pd-meta-blue{font-family:var(--font-mono);font-size:.85rem;color:#60a5fa;word-break:break-all}.pd-emcon-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.pd-emcon-avatar{width:38px;height:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,#ea580c,#d97706);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;flex-shrink:0}.pd-emcon-name{font-weight:700;color:var(--text-primary);font-size:.9rem}.pd-emcon-rel{font-size:.72rem;color:#ea580c;font-weight:600}.dark-mode .pd-emcon-rel{color:#fb923c}.pd-lang-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .75rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:600}.pd-lang-pref{background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff}.pd-lang-other{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.pd-lang-badge{font-size:.67rem;background:#ffffff40;padding:.1rem .375rem;border-radius:999px}.pd-addr-tag{display:inline-flex;align-items:center;gap:.25rem;font-size:.67rem;font-weight:700;padding:.175rem .5rem;border-radius:999px;background:#dc262614;color:#dc2626;margin-bottom:.375rem}.dark-mode .pd-addr-tag{background:#f871711a;color:#f87171}.pd-episode{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:.75rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.pd-episode:hover{border-color:#7c3aed73;box-shadow:var(--shadow-md)}.dark-mode .pd-episode:hover{border-color:#a78bfa66}.pd-episode-btn{width:100%;text-align:left;display:flex;align-items:center;gap:.875rem;padding:1rem;background:none;border:none;cursor:pointer;transition:background .2s;font-family:inherit}.pd-episode-btn:hover{background:var(--hover-bg)}.pd-ep-icon{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,#7c3aed,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 3px 8px #7c3aed4d}.pd-ep-body{flex:1;min-width:0}.pd-ep-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-ep-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem}.pd-ep-meta-item{font-size:.72rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.275rem}.pd-ep-diag{font-size:.72rem;color:#7c3aed;margin-top:.25rem;font-weight:500}.dark-mode .pd-ep-diag{color:#a78bfa}.pd-ep-chevron{color:var(--text-dim);transition:transform .3s;flex-shrink:0}.pd-ep-chevron-open{transform:rotate(90deg)}.pd-eps{display:inline-flex;align-items:center;padding:.175rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;border:1px solid}.pd-eps-planned{background:#2563eb17;color:#2563eb;border-color:#2563eb33}.pd-eps-active{background:#05966917;color:#059669;border-color:#05966933}.pd-eps-finished{background:var(--tag-bg);color:var(--text-tertiary);border-color:var(--border-color)}.pd-eps-onhold{background:#ea580c17;color:#ea580c;border-color:#ea580c33}.pd-eps-waitlist{background:#d9770617;color:#d97706;border-color:#d9770633}.pd-eps-cancelled{background:#dc262617;color:#dc2626;border-color:#dc262633}.dark-mode .pd-eps-planned{background:#60a5fa1a;color:#60a5fa;border-color:#60a5fa38}.dark-mode .pd-eps-active{background:#34d3991a;color:#34d399;border-color:#34d39938}.dark-mode .pd-eps-onhold{background:#fb923c1a;color:#fb923c;border-color:#fb923c38}.dark-mode .pd-eps-waitlist{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2438}.dark-mode .pd-eps-cancelled{background:#f871711a;color:#f87171;border-color:#f8717138}.pd-timeline-wrap{border-top:1px solid var(--border-color);background:var(--bg-tertiary);padding:1.25rem;transition:background .3s,border-color .3s}.pd-timeline-header{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#7c3aed;margin-bottom:1.25rem;display:flex;align-items:center;gap:.375rem}.dark-mode .pd-timeline-header{color:#a78bfa}.pd-timeline{position:relative;padding-left:3rem}.pd-timeline:before{content:"";position:absolute;left:1.225rem;top:1.375rem;bottom:1.375rem;width:2px;background:var(--border-color);border-radius:1px}.dark-mode .pd-timeline:before{background:#7c3aed40}.pd-tl-item{position:relative;margin-bottom:1.25rem}.pd-tl-item:last-child{margin-bottom:0}.pd-tl-dot{position:absolute;left:-3rem;top:.5rem;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;background:var(--bg-secondary);color:var(--text-tertiary);z-index:1;box-shadow:var(--shadow-sm);transition:background .3s,border-color .3s}.pd-tl-card{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem 1rem;transition:background .3s,border-color .3s}.pd-tl-dot-c{border-color:var(--ec);color:var(--ec)}.pd-tl-card-c{border-color:color-mix(in srgb,var(--ec) 28%,transparent);background:color-mix(in srgb,var(--ec) 5%,var(--bg-secondary))}.pd-tl-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.pd-tl-title{font-size:.9rem;font-weight:700;color:var(--text-primary)}.pd-tl-right{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;flex-shrink:0}.pd-tl-date{font-size:.72rem;color:var(--text-tertiary);white-space:nowrap}.pd-tl-class{font-size:.67rem;padding:.1rem .45rem;border-radius:999px;background:var(--tag-bg);color:var(--text-tertiary);border:1px solid var(--border-color)}.pd-tl-chips{display:flex;flex-wrap:wrap;gap:.375rem}.pd-tl-chip{font-size:.72rem;color:var(--text-tertiary);display:flex;align-items:center;gap:.25rem}.pd-tl-status{font-size:.7rem;font-weight:700;padding:.175rem .5rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--ec) 28%,transparent);background:color-mix(in srgb,var(--ec) 10%,transparent);color:var(--ec)}.pd-no-episodes{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem 1rem;text-align:center;color:var(--text-dim)}.pd-no-episodes h3{font-size:1.1rem;font-weight:600;color:var(--text-tertiary);margin-bottom:.5rem}.pd-no-episodes p{font-size:.875rem}.pd-loading-page{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-tertiary);font-size:.9rem;font-weight:500}.pd-notfound{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center}.pd-notfound-icon{width:80px;height:80px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;color:var(--text-tertiary)}.pd-notfound h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.pd-notfound p{color:var(--text-tertiary);margin:0}.profile-builder-container{padding:20px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.template-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.template-button{padding:12px 24px;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}.template-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.template-button:hover:before{width:300px;height:300px}.template-button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000040}.template-button.patient{background:linear-gradient(135deg,#4caf50,#45a049)}.template-button.patient:hover{background:linear-gradient(135deg,#45a049,#388e3c)}.template-button.practitioner{background:linear-gradient(135deg,#2196f3,#0b7dda)}.template-button.practitioner:hover{background:linear-gradient(135deg,#0b7dda,#1565c0)}.template-button.organization{background:linear-gradient(135deg,#ff9800,#f57c00)}.template-button.organization:hover{background:linear-gradient(135deg,#f57c00,#e65100)}.form-section{background-color:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f;border:1px solid #e8e8e8;transition:box-shadow .3s ease}.form-section h3{margin-top:0;margin-bottom:20px;color:#1976d2;font-size:20px;font-weight:700;letter-spacing:-.02em;padding-bottom:12px;border-bottom:2px solid #e3f2fd}.form-section-white{background-color:#fff;border:1px solid #ddd}.form-section-binding{background:linear-gradient(135deg,#e3f2fd,#f3f8ff);border:2px solid #90caf9;padding:18px;border-radius:10px;margin-top:12px;box-shadow:0 2px 6px #2196f31a}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid-full{grid-column:1 / -1}.form-field{display:flex;flex-direction:column}.form-label{display:block;margin-bottom:5px;font-weight:700;font-size:13px;color:#212121}.form-label-required:after{content:" *";color:#f44336}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;background-color:#fafafa}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#bdbdbd;background-color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#1976d2;background-color:#fff;box-shadow:0 0 0 4px #1976d21f,0 2px 4px #0000000d;transform:translateY(-1px)}.form-textarea{resize:vertical;min-height:80px}.checkbox-group{display:flex;gap:20px;align-items:center;padding-top:25px}.checkbox-label{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none;color:#212121}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.add-element-button{padding:12px 24px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 8px #4caf504d}.add-element-button:hover{background:linear-gradient(135deg,#45a049,#388e3c);transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.add-element-button:active{transform:translateY(0);box-shadow:0 2px 4px #4caf504d}.elements-list{background-color:#fff;border:1px solid #e8e8e8;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #00000014,0 1px 3px #0000000f}.elements-list h3{margin-top:0;margin-bottom:20px;color:#1976d2;font-size:20px;font-weight:700;letter-spacing:-.02em;padding-bottom:12px;border-bottom:2px solid #e3f2fd}.elements-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;overflow:hidden;border-radius:8px}.elements-table thead{background:linear-gradient(135deg,#f5f5f5,#fafafa)}.elements-table th{padding:14px 12px;text-align:left;border-bottom:2px solid #e0e0e0;font-weight:700;color:#424242;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.elements-table td{padding:14px 12px;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.elements-table tbody tr{transition:all .2s ease}.elements-table tbody tr:hover{background-color:#f8f9fa;transform:scale(1.001);box-shadow:0 2px 4px #0000000d}.remove-button{padding:6px 12px;background:linear-gradient(135deg,#f44336,#e53935);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #f443364d}.remove-button:hover{background:linear-gradient(135deg,#e53935,#c62828);transform:scale(1.08);box-shadow:0 3px 8px #f4433666}.remove-button:active{transform:scale(1.02);box-shadow:0 1px 2px #f443364d}.generate-button{padding:16px 48px;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 16px #1976d266;position:relative;overflow:hidden}.generate-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff26;transform:translate(-50%,-50%);transition:width .6s,height .6s}.generate-button:hover:before{width:400px;height:400px}.generate-button:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);transform:translateY(-3px);box-shadow:0 8px 20px #1976d280}.generate-button:active{transform:translateY(-1px);box-shadow:0 4px 12px #1976d266}.hint-text{color:#757575;font-weight:400;font-size:12px;margin-left:5px}.element-flags{display:flex;gap:5px;justify-content:center;align-items:center}.flag-icon{font-size:16px;cursor:help}.dark-mode .profile-builder-container{color:#e0e0e0}.dark-mode .form-section{background-color:#fff;border-color:#e0e0e0}.dark-mode .form-section h3{color:#1976d2}.dark-mode .form-section-white{background-color:#fff;border-color:#e0e0e0}.dark-mode .form-section-binding{background-color:#1a3a52;border-color:#2196f3}.dark-mode .form-input,.dark-mode .form-select,.dark-mode .form-textarea{background-color:#fff;color:#212121;border-color:#ddd}.dark-mode .form-input::placeholder,.dark-mode .form-textarea::placeholder{color:#888}.dark-mode .form-label{color:#212121}.dark-mode .hint-text{color:#aaa}.dark-mode .checkbox-label{color:#212121}.dark-mode .elements-list{background-color:#fff;border-color:#e0e0e0}.dark-mode .elements-list h3{color:#1976d2}.dark-mode .elements-table thead{background-color:#333}.dark-mode .elements-table th{color:#ddd;border-color:#555}.dark-mode .elements-table td{border-color:#555;color:#ddd}.dark-mode .elements-table tr:hover{background-color:#333}@media (prefers-color-scheme: dark){.profile-builder-container{color:#e0e0e0}.form-section{background-color:#fff;border-color:#e0e0e0}.form-section h3{color:#1976d2}.form-section-white{background-color:#fff;border-color:#e0e0e0}.form-section-binding{background-color:#1a3a52;border-color:#2196f3}.form-input,.form-select,.form-textarea{background-color:#fff;color:#212121;border-color:#ddd}.form-input::placeholder,.form-textarea::placeholder{color:#888}.form-label{color:#212121}.hint-text{color:#666}.checkbox-label{color:#212121}.elements-list{background-color:#fff;border-color:#e0e0e0}.elements-list h3{color:#1976d2}.elements-table thead{background-color:#333}.elements-table th{color:#ddd;border-color:#555}.elements-table td{border-color:#555;color:#ddd}.elements-table tr:hover{background-color:#333}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.template-buttons{flex-direction:column}.template-button{width:100%}}.page-container{padding:2rem;max-width:1600px;margin:0 auto}.page-header-modern{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.page-header-content{display:flex;gap:1.25rem;align-items:flex-start}.page-icon{width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:0 4px 12px #667eea4d;flex-shrink:0}.page-title-modern{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem;transition:color .3s}.count-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--bg-tertiary);border-radius:12px;transition:background .3s;font-size:.875rem;font-weight:600;color:var(--text-secondary)}.page-subtitle-modern{font-size:1rem;color:var(--text-tertiary);margin:0;line-height:1.5;transition:color .3s}.page-actions{display:flex;gap:.75rem;flex-shrink:0}.btn-primary-modern{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;text-decoration:none;box-shadow:0 2px 8px #667eea4d;white-space:nowrap}.btn-primary-modern:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-primary-modern span{font-size:1.125rem}.filter-card{background:var(--bg-secondary);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px var(--shadow);border:1px solid var(--border-color);transition:background .3s,border-color .3s,box-shadow .3s}.filter-section{margin-bottom:1.5rem}.filter-label{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.875rem;font-size:.9375rem;color:var(--text-primary);transition:color .3s}.filter-icon{font-size:1rem}.filter-chips{display:flex;flex-wrap:wrap;gap:.625rem}.filter-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:1.5px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s;white-space:nowrap}.filter-chip:hover{border-color:var(--text-tertiary);background:var(--hover-bg)}.filter-chip.active{border-color:var(--chip-color, #667eea);border-width:2px;background:color-mix(in srgb,var(--chip-color, #667eea) 8%,white);color:var(--chip-color, #667eea);font-weight:600}.filter-chip:disabled{cursor:not-allowed;opacity:.5}.filter-chip span:first-child{font-size:1rem}.chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:var(--bg-tertiary);border-radius:12px;font-size:.75rem;font-weight:700;color:var(--text-secondary);transition:background .3s,color .3s}.filter-chip.active .chip-count{background:var(--chip-color, #667eea);color:#fff}.filter-actions{display:flex;gap:1rem;align-items:flex-end}.search-input-wrapper{flex:1}.search-input{width:100%;padding:.625rem 1rem;border:1.5px solid var(--border-color);border-radius:10px;font-size:.9375rem;transition:all .2s;background:var(--bg-secondary);color:var(--text-primary)}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.view-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:1.5px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s;white-space:nowrap;height:44px}.view-toggle:hover{border-color:var(--text-tertiary);background:var(--hover-bg)}.view-toggle.active{border-color:#667eea;border-width:2px;background:#eef2ff;color:#667eea;font-weight:600}.dark-mode .view-toggle.active{background:#2d3550;color:#a5b4fc}.view-toggle span{font-size:1rem}.category-group{margin-bottom:1.25rem}.category-header{display:flex;align-items:center;gap:.75rem;padding:1.125rem 1.5rem;background:color-mix(in srgb,var(--category-color) 8%,white);border:2px solid color-mix(in srgb,var(--category-color) 30%,white);border-radius:12px;cursor:pointer;font-weight:600;font-size:1.125rem;color:var(--category-color);-webkit-user-select:none;user-select:none;transition:all .2s;list-style:none}.category-header:hover{background:color-mix(in srgb,var(--category-color) 12%,white);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.category-header::-webkit-details-marker{display:none}.category-icon{font-size:1.25rem}.category-name{flex:1}.category-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 .75rem;background:var(--category-color);color:#fff;border-radius:16px;font-size:.875rem;font-weight:700}.data-table-wrapper{background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014;border:1px solid var(--border-color);margin-top:.75rem}.category-group .data-table-wrapper{margin-top:.625rem}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);transition:background .3s,border-color .3s}.data-table th{padding:1rem 1.25rem;text-align:left;font-size:.8125rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:color .3s}.data-table td{padding:1.25rem;border-top:1px solid var(--border-color);font-size:.9375rem;color:var(--text-primary);vertical-align:top;transition:color .3s,border-color .3s}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--hover-bg)}.data-table td.center,.data-table th.center{text-align:center}.code-id{display:inline-block;font-family:Monaco,Menlo,Consolas,monospace;font-size:.875rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-primary);padding:.375rem .75rem;border-radius:6px;border:1px solid var(--border-color);transition:background .3s,color .3s,border-color .3s}.code-url{font-family:Monaco,Menlo,Consolas,monospace;font-size:.8125rem;color:#667eea;background:#eef2ff;padding:.25rem .5rem;border-radius:4px;word-break:break-all;transition:background .3s}.dark-mode .code-url{background:#2d3550;color:#a5b4fc}.system-title{font-weight:600;color:var(--text-primary);margin-bottom:.375rem;line-height:1.4;transition:color .3s}.system-description{font-size:.875rem;color:var(--text-tertiary);line-height:1.5;transition:color .3s}.count-value{font-weight:700;color:var(--text-primary);font-size:1rem;transition:color .3s}.status-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:12px;font-size:.8125rem;font-weight:600;text-transform:capitalize}.status-badge.active{background:#c6f6d5;color:#22543d;border:1px solid #9ae6b4}.dark-mode .status-badge.active{background:#2d4a3e;color:#9ae6b4;border:1px solid #38a169}.status-badge.inactive{background:#e2e8f0;color:#4a5568;border:1px solid #cbd5e0}.dark-mode .status-badge.inactive{background:#4a5568;color:#e2e8f0;border:1px solid #718096}.action-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1.5px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn:hover{border-color:var(--text-tertiary);background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow)}.action-btn.view{border-color:#4299e1;color:#2c5282}.action-btn.view:hover{background:#ebf8ff;border-color:#3182ce}.dark-mode .action-btn.view{color:#90cdf4}.dark-mode .action-btn.view:hover{background:#2d3e4a}.action-btn.search{border-color:#48bb78;color:#22543d}.action-btn.search:hover{background:#f0fff4;border-color:#38a169}.dark-mode .action-btn.search{color:#9ae6b4}.dark-mode .action-btn.search:hover{background:#2d4a3e}.action-btn.edit{border-color:#ed8936;color:#7c2d12}.action-btn.edit:hover{background:#fffaf0;border-color:#dd6b20}.dark-mode .action-btn.edit:hover{background:#3d2e1a;border-color:#dd6b20}.action-btn.delete{border-color:#fc8181;color:#742a2a}.action-btn.delete:hover{background:#fff5f5;border-color:#e53e3e}.dark-mode .action-btn.delete:hover{background:#3d1a1a;border-color:#e53e3e}.action-btn span{font-size:1rem}@media (max-width: 1024px){.page-header-modern{flex-direction:column}.page-actions{width:100%}.btn-primary-modern{width:100%;justify-content:center}}@media (max-width: 768px){.page-container{padding:1rem}.filter-actions{flex-direction:column;align-items:stretch}.view-toggle{width:100%;justify-content:center}.data-table{font-size:.875rem}.data-table th,.data-table td{padding:.75rem .625rem}.action-buttons{flex-direction:column}.action-btn{width:100%;justify-content:center}}.app-layout{display:flex;min-height:100vh;background:var(--bg-primary);transition:background .3s ease}.app-main{flex:1;display:flex;flex-direction:column;margin-left:0;min-width:0;transition:margin-left .3s ease}.sidebar-is-open .app-main{margin-left:var(--sidebar-width)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--sidebar-border);transform:translate(-100%);transition:transform .25s ease,background .3s ease,border-color .3s ease;z-index:1000;display:flex;flex-direction:column;box-shadow:4px 0 16px var(--shadow)}.sidebar-open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1e3c73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.sidebar-header{padding:0 1.25rem;height:64px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--bg-sidebar)}.sidebar-logo{display:flex;align-items:center;gap:.625rem}.logo-icon{width:36px;height:36px;background:var(--sidebar-logo-icon-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.logo-text{font-size:1rem;font-weight:700;color:var(--sidebar-strong);letter-spacing:-.01em}.logo-sub{font-size:.65rem;font-weight:400;color:var(--sidebar-logo-sub);display:block;margin-top:1px;letter-spacing:.02em}.sidebar-close{background:var(--sidebar-close-bg);border:none;color:var(--sidebar-close-color);font-size:1rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s;flex-shrink:0}.sidebar-close:hover{background:var(--sidebar-close-hover-bg)}.sidebar-nav{flex:1;overflow-y:auto;padding:.75rem 0 1.5rem;scrollbar-width:thin;scrollbar-color:var(--sidebar-scrollbar) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-scrollbar);border-radius:2px}.sidebar-search-wrap{position:relative;margin:0 .75rem .5rem}.sidebar-search-icon{position:absolute;left:.625rem;top:50%;transform:translateY(-50%);font-size:.75rem;pointer-events:none;opacity:.5}.sidebar-search{width:100%;background:var(--sidebar-search-bg, rgba(255, 255, 255, .07));border:1px solid var(--sidebar-search-border, rgba(255, 255, 255, .1));border-radius:8px;padding:.425rem 1.75rem .425rem 2rem;font-size:.8rem;color:var(--sidebar-text);outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}.sidebar-search::placeholder{color:var(--sidebar-text-muted, rgba(255, 255, 255, .35))}.sidebar-search:focus{border-color:var(--sidebar-search-focus, rgba(99, 179, 237, .5));background:var(--sidebar-search-bg-focus, rgba(255, 255, 255, .1))}.sidebar-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--sidebar-text-muted, rgba(255, 255, 255, .4));cursor:pointer;font-size:.7rem;padding:0;line-height:1}.sidebar-search-clear:hover{color:var(--sidebar-text)}.nav-section{margin-bottom:.25rem}.nav-section-title{padding:.875rem 1.5rem .35rem;font-size:.65rem;font-weight:700;color:var(--sidebar-section-color);text-transform:uppercase;letter-spacing:.08em}.nav-item{display:flex;align-items:center;gap:.625rem;padding:.575rem 1rem .575rem 1.25rem;color:var(--sidebar-text);text-decoration:none;transition:all .15s ease;border-left:3px solid transparent;margin:1px .75rem 1px 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.nav-item:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-item-hover-color)}.nav-item-active{background:var(--sidebar-active-bg);border-left-color:var(--sidebar-active-border);color:var(--sidebar-active-color);font-weight:600}.nav-icon{font-size:1rem;width:22px;text-align:center;flex-shrink:0;opacity:.8}.nav-item-active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.nav-label{font-size:.845rem;font-weight:500}.sidebar-footer{padding:.875rem 1.25rem;border-top:1px solid var(--sidebar-border);font-size:.7rem;color:var(--sidebar-footer-color);text-align:center;letter-spacing:.02em}.app-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);padding:0 1.75rem;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;transition:background .3s,border-color .3s;box-shadow:0 1px 8px #0000000f}.sidebar-toggle{background:none;border:1px solid var(--header-btn-border);font-size:1rem;cursor:pointer;padding:0;color:var(--header-btn-color);border-radius:var(--radius-sm);transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:var(--header-btn-hover-bg);border-color:var(--header-btn-border);color:var(--header-btn-hover-color)}.header-actions{display:flex;align-items:center;gap:.5rem}.header-btn{background:none;border:1px solid var(--header-btn-border);font-size:1.1rem;cursor:pointer;padding:0;color:var(--header-btn-color);border-radius:var(--radius-sm);transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:relative}.header-btn:hover{background:var(--header-btn-hover-bg);border-color:var(--header-btn-border);color:var(--header-btn-hover-color)}.header-btn.theme-toggle{font-size:1.1rem}.notification-badge{position:absolute;top:3px;right:3px;background:#e53e3e;color:#fff;font-size:.55rem;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--header-bg)}.user-menu{display:flex;align-items:center;gap:.625rem;padding:.35rem .875rem .35rem .45rem;border-radius:var(--radius-md);cursor:pointer;transition:background .2s,border-color .2s;transition:all .2s;border:1px solid var(--header-btn-border);margin-left:.25rem;background:var(--header-menu-bg)}.user-menu:hover{background:var(--header-menu-hover-bg);border-color:var(--header-btn-border)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 4px #2563eb4d}.user-info{display:flex;flex-direction:column;gap:0}.user-name{font-size:.8rem;font-weight:600;color:var(--header-user-name);line-height:1.25}.user-role{font-size:.7rem;color:var(--header-user-role);line-height:1.25}.user-dropdown{background:none;border:none;font-size:.7rem;cursor:pointer;color:var(--header-user-dropdown);padding:0;margin-left:2px;transition:color .2s}.user-dropdown:hover{color:var(--header-btn-hover-color)}.app-content{flex:1;padding:1.25rem 1.5rem;width:100%;box-sizing:border-box}:root .app-header:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);opacity:.6}.dark-mode .app-header:after{display:none}@media (min-width: 768px){.sidebar-close,.sidebar-overlay{display:none}}@media (max-width: 767px){.app-content{padding:1.25rem}}.navbar{display:none}.page-header{margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-start}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.02em}.page-subtitle{color:var(--text-tertiary);font-size:.875rem}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 1px 3px #0000000f,0 4px 16px #2563eb0d;margin-bottom:1.25rem;border:1px solid var(--border-color);transition:background .3s,box-shadow .3s,border-color .3s}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem}.hospital-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.375rem;box-shadow:0 1px 3px #0000000f,0 4px 16px #2563eb0d;transition:transform .2s,box-shadow .2s,background .3s,border-color .2s;cursor:pointer;border:1px solid var(--border-color)}.hospital-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a;border-color:#2563eb4d}.hospital-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.35rem}.hospital-code{color:var(--primary);font-weight:500;font-size:.85rem;margin-bottom:.875rem}.dark-mode .hospital-code{color:#7ab8f5}.hospital-status{display:inline-block;padding:.2rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600}.status-active{background:#dcfce7;color:#166534}.dark-mode .status-active{background:#1a3d28;color:#86efac}.status-inactive{background:#fee2e2;color:#991b1b}.dark-mode .status-inactive{background:#3d1a1a;color:#fca5a5}.hospital-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.stat-item{text-align:center}.stat-value{font-size:1.375rem;font-weight:700;color:var(--primary)}.dark-mode .stat-value{color:#7ab8f5}.stat-label{font-size:.7rem;color:var(--text-tertiary);margin-top:.2rem}.form-group{margin-bottom:1.375rem}.form-label,.form-group label{display:block;font-weight:600;font-size:.8rem;color:var(--text-secondary);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.04em;transition:color .3s}.form-input,.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .2s;font-family:inherit}.form-input:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.form-help{display:block;margin-top:.3rem;font-size:.78rem;color:var(--text-tertiary)}.required{color:#e53e3e}.form-actions{display:flex;gap:.75rem;margin-top:1.75rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.btn{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;display:inline-flex;align-items:center;gap:.4rem}.btn-primary{background:var(--primary);color:#fff;border:1.5px solid var(--primary);padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px #2563eb59;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--border-color);padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-mid);color:var(--primary)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.alert{padding:.875rem 1rem;border-radius:var(--radius-md);margin-bottom:1.25rem;font-size:.875rem;border-width:1px;border-style:solid}.alert-success{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.dark-mode .alert-success{background:#1a3d28;color:#86efac;border-color:#166534}.alert-error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.dark-mode .alert-error{background:#3d1a1a;color:#fca5a5;border-color:#991b1b}.loading{text-align:center;padding:4rem 2rem;color:var(--text-tertiary);font-size:.9rem}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;padding:.75rem 1rem;background:var(--bg-tertiary);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:2px solid var(--border-color);transition:background .3s,color .3s,border-color .3s}.table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);transition:color .3s,border-color .3s}.table tbody tr{transition:background .15s}.table tbody tr:hover{background:var(--hover-bg)}.badge{display:inline-block;padding:.2rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-green{background:#dcfce7;color:#166534}.dark-mode .badge-green{background:#1a3d28;color:#86efac}.badge-red{background:#fee2e2;color:#991b1b}.dark-mode .badge-red{background:#3d1a1a;color:#fca5a5}.badge-blue{background:var(--primary-light);color:var(--primary)}.dark-mode .badge-blue{background:#1a2d4a;color:#4a9ef5}.badge-gray{background:#f1f5f9;color:#475569}.dark-mode .badge-gray{background:#263145;color:#94a3b8}.badge-purple{background:#f3e8ff;color:#6d28d9}.dark-mode .badge-purple{background:#2d1f4a;color:#c4b5fd}.info-box{background:var(--primary-light);border:1px solid var(--primary-mid);border-radius:var(--radius-md);padding:1.25rem;margin-top:1.5rem}.info-box h3{color:var(--primary);margin-top:0;margin-bottom:.875rem;font-size:.95rem;font-weight:700}.info-box ul{margin:0;padding-left:1.25rem;color:var(--text-secondary);font-size:.875rem}.info-box li{margin-bottom:.4rem;line-height:1.6}.container{max-width:900px;margin:0 auto}#progress-bar{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--primary),var(--accent, #06b6d4));z-index:9999;transition:width .1s linear;border-radius:0 2px 2px 0;pointer-events:none}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 30px #0000001f,0 4px 8px #0000000f;min-width:210px;z-index:1000;overflow:hidden;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary)}.dropdown-header-name{font-weight:700;font-size:.875rem;color:var(--text-primary);line-height:1.3}.dropdown-header-email{font-size:.72rem;color:var(--text-tertiary);margin-top:2px;line-height:1.3}.dropdown-item{width:100%;padding:9px 16px;border:none;background:transparent;text-align:left;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:9px;color:var(--text-secondary);transition:background var(--transition),color var(--transition);font-family:inherit}.dropdown-item:hover{background:var(--hover-bg);color:var(--text-primary)}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background:#fef2f2;color:#991b1b}.dark-mode .dropdown-item.danger:hover{background:#dc26261a;color:#f87171}.dropdown-divider{border:none;border-top:1px solid var(--border-color);margin:4px 0}.no-access-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:2.5rem}.no-access-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem;max-width:500px;width:100%;text-align:center;box-shadow:0 12px 32px var(--shadow)}.no-access-icon{font-size:3.5rem;margin-bottom:1.5rem}.no-access-card h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.no-access-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.no-access-sub{font-size:.85rem;opacity:.8;margin-top:1.5rem;margin-bottom:2rem!important}.logout-btn{background:var(--primary);color:#white;border:none;padding:.75rem 2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .25s}.logout-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.page-hero{background:linear-gradient(135deg,#0f172a,#1e3a5f 55%,#0e4272);border-radius:var(--radius-lg);padding:2.25rem 2rem;margin-bottom:1.75rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.page-hero:before{content:"";position:absolute;top:-50px;right:-50px;width:240px;height:240px;background:radial-gradient(circle,rgba(6,182,212,.2) 0%,transparent 70%);pointer-events:none}.page-hero:after{content:"";position:absolute;bottom:-60px;left:35%;width:320px;height:180px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);pointer-events:none}.hero-title{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em;line-height:1.2}.hero-subtitle{color:#fff9;font-size:.875rem;line-height:1.65;margin-bottom:1.25rem;max-width:520px}.hero-chips{display:flex;flex-wrap:wrap;gap:.625rem}.hero-chip{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:5px 12px;font-size:.75rem}.hero-chip-label{color:#fff6;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hero-chip-value{color:#7dd3fc;font-weight:600}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-secondary)}.table-wrap .table{margin-bottom:0}.table-wrap .table th:first-child{border-radius:var(--radius-md) 0 0 0}.table-wrap .table th:last-child{border-radius:0 var(--radius-md) 0 0}.table-wrap .table tr:last-child td{border-bottom:none}.badge-get{background:#dcfce7;color:#059669;border:1px solid #86efac;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px}.badge-post{background:#fef3c7;color:#d97706;border:1px solid #fcd34d;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px}.badge-put{background:#dbeafe;color:#2563eb;border:1px solid #93c5fd;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px}.badge-delete{background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:5px}.dark-mode .badge-get{background:#064e3b;color:#34d399;border-color:#065f46}.dark-mode .badge-post{background:#451a03;color:#fbbf24;border-color:#78350f}.dark-mode .badge-put{background:#1e3a5f;color:#60a5fa;border-color:#1d4ed8}.dark-mode .badge-delete{background:#450a0a;color:#f87171;border-color:#7f1d1d}.section-number{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--primary),#3b82f6);color:#fff;font-weight:700;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #2563eb59}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;text-align:center;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-value{font-size:1.75rem;font-weight:800;color:var(--primary);line-height:1;margin-bottom:.375rem;letter-spacing:-.02em}.stat-card-label{font-size:.72rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.code-block{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.06);margin:.75rem 0;box-shadow:var(--shadow-md)}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#162033;border-bottom:1px solid rgba(255,255,255,.07)}.code-toolbar-left{display:flex;align-items:center;gap:8px}.code-dots{display:flex;gap:5px}.code-dots span{width:10px;height:10px;border-radius:50%}.dot-red{background:#ff5f57}.dot-yellow{background:#ffbd2e}.dot-green{background:#28c840}.code-lang{font-size:.68rem;color:#5a7fa0;font-family:var(--font-mono);font-weight:500;letter-spacing:.06em;text-transform:uppercase}.code-body{background:#0d1929;color:#cdd9e5;font-family:var(--font-mono);font-size:.82rem;padding:1rem 1.25rem;overflow-x:auto;line-height:1.7;white-space:pre}.version-badge{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:600;letter-spacing:.05em;display:inline-block}.note{background:#eff6ff;border:1px solid #93c5fd;border-left:4px solid var(--primary);color:#1e3a5f;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.875rem 1rem;font-size:.875rem;line-height:1.65;margin:.875rem 0}.dark-mode .note{background:#0c1e36;border-color:#1d4ed8;border-left-color:#3b82f6;color:#93c5fd}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2563eb;--primary-hover: #1e40af;--primary-light: #EBF1FC;--primary-mid: #C5D8F8;--accent: #06b6d4;--bg-primary: #f0f4f8;--bg-secondary: #ffffff;--bg-tertiary: rgba(241, 245, 249, .9);--bg-sidebar: #0f172a;--sidebar-width: 264px;--sidebar-border: rgba(255, 255, 255, .07);--sidebar-active-bg: rgba(59, 130, 246, .22);--sidebar-active-color: #ffffff;--sidebar-active-border: #3b82f6;--sidebar-hover-bg: rgba(255, 255, 255, .07);--sidebar-section-color: rgba(255, 255, 255, .28);--sidebar-text: #94a3b8;--sidebar-icon: #94a3b8;--sidebar-strong: #ffffff;--sidebar-logo-sub: rgba(255, 255, 255, .65);--sidebar-logo-icon-bg: rgba(255, 255, 255, .18);--sidebar-close-bg: rgba(255, 255, 255, .12);--sidebar-close-color: #ffffff;--sidebar-close-hover-bg: rgba(255, 255, 255, .22);--sidebar-scrollbar: rgba(255, 255, 255, .1);--sidebar-item-hover-color: rgba(255, 255, 255, .9);--sidebar-footer-color: rgba(255, 255, 255, .28);--header-bg: #ffffff;--header-border: #e2e8f0;--header-btn-border: rgba(15, 23, 42, .13);--header-btn-color: #64748b;--header-btn-hover-bg: #f1f5f9;--header-btn-hover-color: #0f172a;--header-user-name: #0f172a;--header-user-role: #64748b;--header-user-dropdown: #94a3b8;--header-menu-bg: transparent;--header-menu-hover-bg: #f1f5f9;--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #64748b;--text-inverse: #ffffff;--border-color: #e2e8f0;--shadow: rgba(0, 0, 0, .06);--shadow-md: rgba(0, 0, 0, .08);--shadow-lg: rgba(0, 0, 0, .1);--hover-bg: rgba(37, 99, 235, .04);--active-bg: rgba(37, 99, 235, .08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--transition: .2s ease;--font-mono: "JetBrains Mono", "Courier New", monospace;--card-bg: #ffffff;--surface-bg: rgba(241, 245, 249, .9);--text-muted: #64748b;--text-dim: #94a3b8;--row-hover: rgba(37, 99, 235, .03);--expanded-row-bg: rgba(241, 245, 249, .8);--spinner-track: #e2e8f0;--spinner-head: #3b82f6;--tag-bg: #f1f5f9;--toast-success-bg: #f0fdf4;--toast-success-border: #bbf7d0;--toast-success-color: #166534;--toast-error-bg: #fef2f2;--toast-error-border: #fecaca;--toast-error-color: #991b1b;--toast-info-bg: #eff6ff;--toast-info-border: #bfdbfe;--toast-info-color: #1e40af}.dark-mode{--primary: #3b82f6;--primary-hover: #2563eb;--primary-light: #1A2D4A;--primary-mid: #1E3B5E;--accent: #22d3ee;--bg-primary: #0b1120;--bg-secondary: #111827;--bg-tertiary: #1a2236;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-inverse: #0b1120;--border-color: #1e2d45;--shadow: rgba(0, 0, 0, .3);--shadow-md: rgba(0, 0, 0, .35);--shadow-lg: rgba(0, 0, 0, .45);--hover-bg: rgba(59, 130, 246, .05);--active-bg: rgba(59, 130, 246, .1);--bg-sidebar: #0a1020;--sidebar-border: rgba(255, 255, 255, .06);--sidebar-active-bg: rgba(59, 130, 246, .25);--sidebar-active-color: #ffffff;--sidebar-active-border: #60a5fa;--sidebar-hover-bg: rgba(255, 255, 255, .07);--sidebar-section-color: rgba(255, 255, 255, .2);--sidebar-text: #94a3b8;--sidebar-icon: #5A7090;--sidebar-strong: #ffffff;--sidebar-logo-sub: rgba(255, 255, 255, .7);--sidebar-logo-icon-bg: rgba(255, 255, 255, .2);--sidebar-close-bg: rgba(255, 255, 255, .15);--sidebar-close-color: #ffffff;--sidebar-close-hover-bg: rgba(255, 255, 255, .25);--sidebar-scrollbar: rgba(255, 255, 255, .12);--sidebar-item-hover-color: rgba(255, 255, 255, .85);--sidebar-footer-color: rgba(255, 255, 255, .3);--header-bg: #0f172a;--header-border: rgba(255, 255, 255, .06);--header-btn-border: rgba(255, 255, 255, .12);--header-btn-color: rgba(255, 255, 255, .7);--header-btn-hover-bg: rgba(255, 255, 255, .1);--header-btn-hover-color: #ffffff;--header-user-name: #ffffff;--header-user-role: rgba(255, 255, 255, .45);--header-user-dropdown: rgba(255, 255, 255, .4);--header-menu-bg: rgba(255, 255, 255, .07);--header-menu-hover-bg: rgba(255, 255, 255, .14);--card-bg: #111827;--surface-bg: #1a2236;--text-muted: #94a3b8;--text-dim: #64748b;--row-hover: rgba(59, 130, 246, .05);--expanded-row-bg: #1a2236;--spinner-track: #1e2d45;--spinner-head: #60a5fa;--tag-bg: #1a2236;--toast-success-bg: #1a3d28;--toast-success-border: #166534;--toast-success-color: #86efac;--toast-error-bg: #3d1a1a;--toast-error-border: #991b1b;--toast-error-color: #fca5a5;--toast-info-bg: #1a2d4a;--toast-info-border: #1e3b5e;--toast-info-color: #93c5fd}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition),color var(--transition);font-size:14.5px;line-height:1.65;overflow-x:hidden}code{font-family:var(--font-mono);font-size:.82em;background:#2563eb1a;color:var(--primary);padding:2px 6px;border-radius:4px}.dark-mode code{background:#3b82f626;color:#93c5fd}.json-action-btn{padding:.8rem 1.2rem;background-color:#0284c7;color:#fff;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #0003;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s ease-in-out;white-space:nowrap}.json-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background-color:#0369a1}.json-action-btn.secondary{background-color:#334155}.json-action-btn.secondary:hover{background-color:#1e293b}@media (max-width: 768px){.json-action-btn span.fb-text{display:none}.json-action-btn{padding:1rem;border-radius:50%;justify-content:center}.json-floating-buttons{right:1rem!important;bottom:1.5rem!important}}@keyframes progress-slide{0%{transform:translate(-100%)}60%{transform:translate(-10%)}to{transform:translate(0)}}@keyframes progress-indeterminate{0%{left:-40%;width:40%}60%{left:60%;width:40%}to{left:100%;width:40%}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.top-progress-bar{position:absolute;top:0;left:0;right:0;height:3px;background:#e2e8f0;overflow:hidden;border-radius:3px 3px 0 0;z-index:10}.top-progress-bar:after{content:"";position:absolute;top:0;bottom:0;width:40%;background:var(--primary, #2563eb);animation:progress-indeterminate 1.4s ease-in-out infinite}.xyp-loading-banner{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;font-size:.85rem;color:#1d4ed8;margin:0 auto 1rem;max-width:1000px}.xyp-loading-banner .spinner{width:14px;height:14px;border:2px solid #bfdbfe;border-top-color:#2563eb;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:400px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:8px;height:140px}