:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #12121a;--color-bg-tertiary: #1a1a25;--color-bg-glass: rgba(18, 18, 26, .85);--color-bg-glass-light: rgba(255, 255, 255, .03);--color-accent-primary: #6366f1;--color-accent-secondary: #8b5cf6;--color-accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--color-accent-glow: rgba(99, 102, 241, .3);--color-text-primary: #f8fafc;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-crown: #f59e0b;--color-filling: #3b82f6;--color-extraction: #ef4444;--color-root-canal: #8b5cf6;--color-veneer: #ec4899;--color-implant: #14b8a6;--color-bridge: #f97316;--color-denture: #06b6d4;--color-cleaning: #22c55e;--color-whitening: #fbbf24;--color-other: #64748b;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4), 0 8px 10px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px var(--color-accent-glow);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-canvas: 1;--z-ui: 10;--z-panel: 20;--z-modal: 30;--z-tooltip: 40;--z-loading: 100;--wizard-step-size: 36px;--wizard-connector-width: 40px;--tooth-default: #374151;--tooth-hover: #4b5563;--tooth-selected: #6366f1;--tooth-selected-hover: #818cf8;--tooth-stroke: #1f2937}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;position:relative;margin-top:64px;overflow:hidden}.edit-panel{width:280px;min-width:240px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);overflow:hidden;z-index:var(--z-panel)}.view-panel{width:33%;min-width:350px;max-width:500px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);overflow:hidden;z-index:var(--z-panel)}.canvas-wrapper{flex:1;position:relative;overflow:hidden;min-width:0}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-canvas)}#canvas-container canvas{display:block;width:100%!important;height:100%!important}[data-app-mode=edit] .main-content{display:grid;grid-template-columns:1fr 3fr;position:relative}[data-app-mode=edit] .edit-panel{display:flex;width:100%;max-width:none;border-right:1px solid var(--color-border)}[data-app-mode=edit] .case-editor{display:flex;flex-direction:column;overflow-y:auto;background:var(--color-bg-primary)}[data-app-mode=edit] .canvas-wrapper,[data-app-mode=edit] .view-panel,[data-app-mode=edit] .view-mode-toggle{display:none}.edit-3d-preview{position:fixed;bottom:1.5rem;right:1.5rem;width:200px;height:200px;background:radial-gradient(ellipse at center,var(--color-bg-tertiary) 0%,var(--color-bg-primary) 70%);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;z-index:25;box-shadow:0 10px 40px #0006;transition:all var(--transition-base)}.edit-3d-preview:hover{border-color:var(--color-accent-primary);box-shadow:0 15px 50px #6366f133}.edit-3d-preview.hidden{display:none}.edit-3d-preview canvas{width:100%!important;height:100%!important;cursor:grab}.edit-3d-preview canvas:active{cursor:grabbing}.edit-3d-preview .tooth-indicator{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);padding:.25rem .75rem;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.edit-3d-preview .tooth-indicator.has-selection{color:var(--color-accent-secondary);border-color:var(--color-accent-primary)}[data-app-mode=view] .edit-panel{display:none}[data-app-mode=view] .canvas-wrapper{order:1}[data-app-mode=view] .view-panel{display:flex;order:2}[data-app-mode=view] .view-mode-toggle{display:flex}.edit-panel,.view-panel,.canvas-wrapper{transition:all var(--transition-base)}.edit-panel-header{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.edit-panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.edit-panel-header h2{font-size:var(--font-size-lg);font-weight:600;margin:0}.edit-panel-header .app-mode-toggle{padding:2px;gap:2px}.edit-panel-header .app-mode-btn{padding:var(--spacing-xs);gap:0}.edit-panel-header .app-mode-btn span{display:none}.edit-panel-actions{display:flex;align-items:center;gap:var(--spacing-xs);width:100%}.add-case-btn,.export-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);flex:1;padding:var(--spacing-sm) var(--spacing-xs)}.add-case-btn svg,.export-btn svg{width:14px;height:14px}.export-btn{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.export-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-accent-primary)}.case-list-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.case-list-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.case-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.case-list{flex:1;overflow-y:auto;padding:var(--spacing-md)}.case-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.case-list-empty svg{opacity:.5;margin-bottom:var(--spacing-md)}.case-list-empty p{font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.case-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast)}.case-card:hover{border-color:var(--color-accent-primary);background:#6366f10d}.case-card.active{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-glow)}.case-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.case-card-tooth{font-weight:600;font-size:var(--font-size-sm);color:var(--color-accent-primary)}.case-card-procedure{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-sm);color:#fff}.case-card-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-card-actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.case-card-actions button{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.case-card-actions .btn-edit{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary)}.case-card-actions .btn-edit:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.case-card-actions .btn-delete{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-muted)}.case-card-actions .btn-delete:hover{border-color:var(--color-error);color:var(--color-error)}.btn-photo-upload{display:flex!important;align-items:center;gap:6px;background:linear-gradient(135deg,var(--color-accent-primary) 0%,#8b5cf6 100%)!important;color:#fff!important;border:none!important;padding:var(--spacing-sm) var(--spacing-md)!important;font-weight:500;transition:all var(--transition-fast);flex:2!important}.btn-photo-upload:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-photo-upload .photo-plus-icon{opacity:.8;transition:transform var(--transition-fast)}.btn-photo-upload:hover .photo-plus-icon{transform:scale(1.2)}.photo-btn-text{white-space:nowrap}.case-card.draggable{position:relative;padding-left:calc(var(--spacing-md) + 24px)}.case-card-drag-handle{position:absolute;left:var(--spacing-xs);top:50%;transform:translateY(-50%);padding:var(--spacing-xs);cursor:grab;color:var(--color-text-muted);opacity:.4;transition:opacity var(--transition-fast),color var(--transition-fast);border-radius:var(--radius-sm)}.case-card:hover .case-card-drag-handle{opacity:1}.case-card-drag-handle:hover{color:var(--color-accent-primary);background:var(--color-bg-glass)}.case-card-drag-handle:active{cursor:grabbing}.case-card.dragging{opacity:.6;border:2px dashed var(--color-accent-primary);background:var(--color-bg-glass);box-shadow:0 8px 25px #0000004d;transform:scale(1.02)}.case-card.selected{border-color:var(--color-accent-primary);background:#6366f11a;box-shadow:0 0 0 2px var(--color-accent-glow)}.case-card.new-case{border-style:dashed;border-color:var(--color-accent-primary);background:#6366f10d}.case-card.new-case .case-card-title{color:var(--color-accent-primary);font-style:italic}.case-card .featured-badge{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);color:var(--color-accent-primary);font-size:14px;line-height:1}.case-card .featured-badge.pinned-badge{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-accent-glow);border-radius:var(--radius-sm)}.case-card .featured-badge.pinned-badge svg{width:12px;height:12px}.case-card.featured{border-color:var(--color-accent-primary);box-shadow:inset 0 2px 0 0 var(--color-accent-primary)}.case-editor{display:none;height:100%;background:#1e1e2dcc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.1)}.case-editor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted)}.case-editor-empty svg{opacity:.25;margin-bottom:var(--spacing-lg);transition:opacity var(--transition-base),transform var(--transition-base)}.case-editor-empty:hover svg{opacity:.4;transform:scale(1.05)}.case-editor-empty p{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.case-editor-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl);overflow-y:auto;height:100%;scroll-behavior:smooth}.editor-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);padding-bottom:var(--spacing-xl);background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);box-shadow:0 4px 16px #00000026;transition:all var(--transition-base)}.editor-section:hover{border-color:#ffffff1a;box-shadow:0 8px 24px #0003}.editor-section:last-of-type{margin-bottom:0}.editor-section-title{position:relative;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.editor-section-title:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#8b5cf6 0%,#06b6d4 50%,transparent 100%);border-radius:var(--radius-full);opacity:.8}.editor-section-title .optional-label{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-muted);opacity:.7}.editor-instruction{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);line-height:1.6}.editor-two-column{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.editor-column{display:flex;flex-direction:column}.editor-column>.editor-section-title:first-child{margin-top:0}@media(max-width:1200px){.editor-two-column{grid-template-columns:1fr;gap:var(--spacing-lg)}}.editor-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);margin-top:var(--spacing-xl);background:linear-gradient(180deg,transparent 0%,rgba(15,15,25,.8) 100%);border-top:1px solid rgba(255,255,255,.06);position:sticky;bottom:0;z-index:5}.btn-save-case{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:var(--radius-md);color:#fff;box-shadow:0 4px 12px #8b5cf64d,0 2px 4px #0003;transition:all var(--transition-fast)}.btn-save-case:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666,0 4px 8px #0003}.btn-save-case:active{transform:translateY(0)}.view-panel-empty,.view-panel-content{padding:var(--spacing-lg)}.view-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-muted)}.view-panel-empty svg{opacity:.5;margin-bottom:var(--spacing-md)}.view-panel-empty p{font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.view-panel-content{overflow-y:auto;flex:1}.panel-info-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.panel-info-item{display:inline-block;padding:4px 10px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.panel-clinical-docs{margin-top:var(--spacing-lg);border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.clinical-section{margin-bottom:var(--spacing-lg)}.clinical-section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.clinical-field{margin-bottom:var(--spacing-md)}.clinical-field:last-child{margin-bottom:0}.clinical-label{display:block;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.3px}.clinical-value{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5;white-space:pre-wrap;margin:0}.app-header{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);z-index:var(--z-ui)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm)}.cv-btn-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-border);background:var(--color-bg-tertiary)}.cv-btn-header:hover{color:var(--color-text-primary);background:var(--color-bg-glass-light);border-color:var(--color-accent)}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{font-size:var(--font-size-2xl);filter:drop-shadow(0 0 8px rgba(99,102,241,.5))}.logo h1{font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.02em}.logo .accent{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 10px 6px 6px;border-radius:var(--radius-lg);transition:all .15s ease;cursor:pointer;border:1px solid transparent}.profile-trigger:hover{background:#ffffff0a;border-color:#ffffff0f}.profile-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--color-text-muted);flex-shrink:0;transition:border-color .15s ease}.profile-trigger:hover .profile-avatar{border-color:var(--color-accent-primary)}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.profile-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.2}.profile-title{font-size:11px;color:var(--color-text-muted);line-height:1.2}.app-mode-toggle{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.app-mode-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:var(--font-size-sm);font-weight:500}.app-mode-btn:hover{color:var(--color-text-primary);background:var(--color-bg-glass-light)}.app-mode-btn.active{color:var(--color-text-primary);background:var(--color-accent-gradient);box-shadow:var(--shadow-glow)}.app-mode-btn svg{flex-shrink:0}.view-mode-toggle{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-left:var(--spacing-md)}.mode-toggle{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.mode-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-base)}.mode-btn:hover{color:var(--color-text-primary);background:var(--color-bg-glass-light)}.mode-btn.active{color:var(--color-text-primary);background:var(--color-accent-gradient);box-shadow:var(--shadow-glow)}.mode-btn span{font-size:var(--font-size-sm);font-weight:500}.edit-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-text-primary);background:var(--color-accent-gradient);border-radius:var(--radius-full);font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-base);box-shadow:var(--shadow-md)}.edit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow),var(--shadow-lg)}.slideshow-controls{position:absolute;bottom:calc(var(--spacing-lg) + 8px);right:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-full);z-index:var(--z-ui);box-shadow:var(--shadow-xl)}.slideshow-controls.hidden{display:none}.slide-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-full);transition:all var(--transition-base)}.slide-btn:hover{color:var(--color-text-primary);background:var(--color-accent-primary);transform:scale(1.1)}.slide-btn.playing{color:var(--color-accent-primary)}.slide-progress{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);min-width:60px;text-align:center}.slideshow-divider{width:1px;height:24px;background:var(--color-border);margin:0 var(--spacing-xs)}.autoplay-speed-control{position:relative}.speed-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);min-width:auto;width:auto}.speed-label{font-size:var(--font-size-xs);font-weight:600;color:inherit}.speed-dropdown{position:absolute;bottom:calc(100% + var(--spacing-sm));right:0;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;min-width:140px;z-index:var(--z-popover)}.speed-dropdown.hidden{display:none}.speed-option{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.speed-option:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.speed-option.active{background:var(--color-accent-primary);color:#fff}.slideshow-overlays{position:absolute;inset:0;pointer-events:none;z-index:15}.slideshow-overlays.hidden{display:none}.overlay-case-details{position:absolute;left:4%;top:45%;transform:translateY(-50%);width:clamp(280px,22vw,400px);max-height:calc(100vh - 200px);overflow-y:auto;padding:clamp(1.25rem,2vw,1.75rem);background:#12121aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;pointer-events:auto;box-shadow:0 20px 40px #0006;animation:overlaySlideIn .4s ease;z-index:25}@keyframes overlaySlideIn{0%{opacity:0;transform:translateY(-50%) translate(-20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.overlay-badges{display:flex;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.overlay-badges .tooth-badge{background:#6366f133;color:var(--color-accent-secondary);padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.05em}.overlay-badges .procedure-badge{padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.overlay-title{font-size:1.4rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem;line-height:1.3}.overlay-date{font-size:.85rem;color:var(--color-text-muted);margin:0 0 .85rem}.overlay-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem}.overlay-meta .meta-item{font-size:.8rem;color:var(--color-text-secondary)}.overlay-meta .meta-item strong{color:var(--color-text-muted);font-weight:500}.overlay-description{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin:0 0 1rem}.overlay-clinical{max-height:200px;overflow-y:auto;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:.5rem}.overlay-clinical .clinical-section{margin-bottom:1rem}.overlay-clinical .clinical-section:last-child{margin-bottom:0}.overlay-clinical .clinical-section h4{font-size:.75rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem}.overlay-clinical .clinical-field{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:.4rem}.overlay-clinical .clinical-field:last-child{margin-bottom:0}.overlay-clinical .clinical-field strong{color:var(--color-text-muted);font-weight:500}.overlay-comparison{position:absolute;right:4%;top:45%;transform:translateY(-50%);width:400px;height:300px;border-radius:1rem;overflow:hidden;pointer-events:auto;box-shadow:0 20px 40px #00000080;border:1px solid rgba(255,255,255,.1);animation:overlaySlideInRight .4s ease;cursor:pointer;transition:width .3s ease,height .3s ease,right .3s ease,top .3s ease,transform .3s ease,box-shadow .3s ease,border-color .2s ease}.overlay-comparison:not(.expanded):hover{border-color:var(--color-accent-primary);box-shadow:0 20px 50px #6366f14d,0 20px 40px #00000080}.overlay-comparison.hidden{display:none}.overlay-comparison.expanded{width:600px;height:450px;right:50%;top:50%;transform:translate(50%,-50%);z-index:100;border-radius:1.25rem;box-shadow:0 30px 60px #000000b3}.overlay-comparison.expanded:before{content:"";position:fixed;inset:0;background:#0009;z-index:-1;pointer-events:auto}.overlay-comparison.expanded .slider-before img,.overlay-comparison.expanded .slider-after img{width:600px;height:450px}.overlay-comparison-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:20;transition:background .2s ease}.overlay-comparison-close:hover{background:#000c}.overlay-comparison.expanded .overlay-comparison-close{display:flex}.overlay-expand-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.5rem 1rem;background:#6366f1e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.05em;border-radius:var(--radius-full);opacity:0;transition:opacity .2s ease;pointer-events:none;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0000004d}.overlay-expand-hint:before{content:"";width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cpolyline points='9 21 3 21 3 15'/%3E%3Cline x1='21' y1='3' x2='14' y2='10'/%3E%3Cline x1='3' y1='21' x2='10' y2='14'/%3E%3C/svg%3E");background-size:contain}.overlay-comparison:not(.expanded):hover .overlay-expand-hint{opacity:1}.overlay-comparison.expanded .overlay-expand-hint{display:none}@keyframes overlaySlideInRight{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.overlay-slider{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.overlay-slider .slider-before,.overlay-slider .slider-after{position:absolute;inset:0;overflow:hidden}.overlay-slider .slider-before{z-index:2;width:50%}.overlay-slider .slider-after{z-index:1}.overlay-slider .slider-before img,.overlay-slider .slider-after img{width:400px;height:300px;object-fit:cover}.overlay-slider .slider-label{position:absolute;bottom:.75rem;padding:.25rem .75rem;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.65rem;font-weight:600;letter-spacing:.1em;border-radius:var(--radius-full)}.overlay-slider .slider-before .slider-label{left:.75rem}.overlay-slider .slider-after .slider-label{right:.75rem}.overlay-slider .slider-handle{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:4px;background:#fff;z-index:10;cursor:ew-resize;display:flex;flex-direction:column;align-items:center;justify-content:center}.overlay-slider .slider-handle .handle-line{flex:1;width:2px;background:#fff}.overlay-slider .slider-handle .handle-circle{width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;color:var(--color-bg-primary)}.overlay-photos-strip{position:absolute;bottom:clamp(6rem,8vh,8rem);left:50%;transform:translate(-50%);display:flex;align-items:flex-start;gap:1.5rem;padding:1rem 1.5rem;background:#12121aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;pointer-events:auto;box-shadow:0 10px 30px #0006;animation:overlaySlideUp .4s ease;max-width:calc(100% - 4rem)}.overlay-photos-strip.hidden{display:none}@keyframes overlaySlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.photos-strip-section{display:flex;flex-direction:column;gap:.5rem;overflow:visible}.photos-strip-section.hidden{display:none}.strip-section-label{font-size:.65rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.strip-photos{display:flex;gap:.75rem;overflow:hidden;max-width:40vw}.photos-strip-divider{width:1px;align-self:stretch;background:#ffffff26;margin:0 .25rem}.strip-thumb{width:clamp(70px,8vw,100px);height:clamp(52px,6vw,75px);border-radius:.5rem;object-fit:cover;cursor:pointer;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent}.strip-thumb:hover{border-color:var(--color-accent-primary);opacity:.85}.strip-thumb.xray-thumb{filter:grayscale(20%)}.strip-thumb-wrapper{position:relative;display:inline-block;flex-shrink:0}.strip-thumb-wrapper:hover .strip-thumb{border-color:var(--color-accent-primary);opacity:.85}.strip-tooth-badge{position:absolute;bottom:4px;left:4px;background:var(--color-accent-secondary);color:#fff;font-size:9px;font-weight:600;padding:2px 5px;border-radius:var(--radius-sm);z-index:1;pointer-events:none}.view-panel.slideshow-active{display:none!important}.overlay-panel{position:absolute;left:4%;top:50%;transform:translateY(-50%);width:clamp(320px,28vw,420px);max-height:calc(100vh - 180px);display:flex;flex-direction:column;background:#12121af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:1rem;pointer-events:auto;box-shadow:0 20px 40px #0006;animation:overlaySlideIn .4s ease;z-index:25;overflow:hidden}.overlay-header{padding:1.25rem 1.25rem .75rem;border-bottom:1px solid rgba(255,255,255,.08)}.overlay-tabs{display:flex;gap:0;background:#0003;padding:.25rem;margin:0 1rem;border-radius:.5rem}.overlay-tab{flex:1;padding:.5rem .75rem;background:transparent;border:none;color:var(--color-text-muted);font-size:.8rem;font-weight:500;cursor:pointer;border-radius:.375rem;transition:all .2s ease}.overlay-tab:hover{color:var(--color-text-secondary);background:#ffffff0d}.overlay-tab.active{background:var(--color-accent-primary);color:#fff;box-shadow:0 2px 8px #6366f166}.overlay-tab-content{flex:1;overflow-y:auto;padding:1rem 1.25rem;min-height:200px}.overlay-tab-pane{display:none}.overlay-tab-pane.active{display:block;animation:tabFadeIn .2s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#tab-overview .overlay-meta,#tab-overview .overlay-description{margin-bottom:1rem}#tab-clinical .overlay-clinical{max-height:none;border-top:none;padding-top:0;margin-top:0}.overlay-clinical-empty,.overlay-photos-empty{text-align:center;padding:2rem 1rem;color:var(--color-text-muted)}.overlay-clinical-empty p,.overlay-photos-empty p{font-size:.85rem;margin:0}.overlay-photo-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.photo-filter-btn{padding:.35rem .65rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;color:var(--color-text-muted);font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease}.photo-filter-btn:hover{background:#ffffff1a;color:var(--color-text-secondary)}.photo-filter-btn.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.overlay-tooth-filter{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.75rem;color:var(--color-text-muted)}.overlay-tooth-filter select{padding:.35rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;color:var(--color-text-primary);font-size:.75rem;cursor:pointer}.overlay-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.overlay-photo-grid .photo-thumb{aspect-ratio:1;border-radius:.5rem;object-fit:cover;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.overlay-photo-grid .photo-thumb:hover{border-color:var(--color-accent-primary);transform:scale(1.03)}.overlay-photo-grid .photo-thumb-wrapper{position:relative}.overlay-photo-grid .photo-category-badge{position:absolute;top:4px;left:4px;padding:2px 6px;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;font-size:.6rem;font-weight:600;color:#fff;text-transform:uppercase}.overlay-photo-grid .photo-tooth-badge{position:absolute;bottom:4px;right:4px;padding:2px 5px;background:var(--color-accent-secondary);border-radius:4px;font-size:.6rem;font-weight:600;color:#fff}.overlay-comparison-inline{border-top:1px solid rgba(255,255,255,.08);margin-top:auto}.overlay-comparison-inline.hidden{display:none}.comparison-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;cursor:pointer;transition:background .2s ease}.comparison-header:hover{background:#ffffff08}.comparison-label{font-size:.75rem;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em}.comparison-toggle{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;transition:transform .2s ease}.overlay-comparison-inline.expanded .comparison-toggle{transform:rotate(180deg)}.comparison-content{display:none;padding:0 1.25rem 1rem}.overlay-comparison-inline.expanded .comparison-content{display:block}.overlay-comparison-inline .overlay-slider{height:180px;border-radius:.75rem;overflow:hidden}.overlay-comparison-inline .overlay-slider .slider-before img,.overlay-comparison-inline .overlay-slider .slider-after img{width:100%;height:180px}.case-panel{position:fixed;top:80px;right:var(--spacing-lg);width:380px;max-height:calc(100vh - 100px);background:var(--color-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);z-index:var(--z-panel);box-shadow:var(--shadow-xl);overflow-y:auto;animation:slideIn .3s ease}.case-panel.hidden{display:none}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.panel-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.panel-close:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.panel-badges{display:flex;gap:var(--spacing-sm)}.panel-actions{display:flex;gap:var(--spacing-xs)}.panel-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.panel-action-btn:hover{background:var(--color-border);color:var(--color-text-primary);border-color:var(--color-border-hover)}.panel-action-btn.danger:hover{background:#ef444433;color:var(--color-error);border-color:var(--color-error)}.tooth-badge,.procedure-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.tooth-badge{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.cdt-code-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-mono, monospace);letter-spacing:.02em;border-radius:var(--radius-sm);background:var(--color-accent-secondary);color:#fff}.cdt-code-group{margin-bottom:var(--spacing-md)}.cdt-code-selector{position:relative}.cdt-code-input-wrapper{position:relative;display:flex;align-items:center}.cdt-code-input-wrapper input[type=text]{flex:1;padding-right:2rem}.cdt-clear-btn{position:absolute;right:.5rem;background:none;border:none;color:var(--color-text-muted);font-size:1.2rem;cursor:pointer;padding:.25rem;line-height:1;border-radius:var(--radius-sm)}.cdt-clear-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.cdt-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto;z-index:1000;margin-top:4px}.cdt-results{padding:var(--spacing-xs)}.cdt-result-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.cdt-result-item:hover{background:var(--color-bg-tertiary)}.cdt-result-item .cdt-code-badge{flex-shrink:0}.cdt-result-description{flex:1;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdt-result-category{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.cdt-no-results{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.cdt-selected-info{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.cdt-selected-info .cdt-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.multi-tooth-group{margin-bottom:var(--spacing-md)}.multi-tooth-group label .hint{font-weight:400;color:var(--color-text-muted);font-size:var(--font-size-xs)}.multi-tooth-selector{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-sm)}.tooth-grid{display:grid;grid-template-columns:repeat(16,1fr);gap:2px}.tooth-select-btn{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;min-width:20px;padding:2px;font-size:10px;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s}.tooth-select-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.tooth-select-btn.selected{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;font-weight:600}.arch-divider{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-xs) 0;padding:0 var(--spacing-sm)}.arch-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.arch-line{flex:1;height:1px;background:var(--color-border)}.selected-teeth-summary{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.summary-teeth{flex:1;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.clear-teeth-btn{background:none;border:none;color:var(--color-text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem;line-height:1;border-radius:var(--radius-sm)}.clear-teeth-btn:hover{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.tooth-more{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.procedure-badge{color:#fff}.procedure-badge.crown{background:var(--color-crown)}.procedure-badge.filling{background:var(--color-filling)}.procedure-badge.extraction{background:var(--color-extraction)}.procedure-badge.root-canal{background:var(--color-root-canal)}.procedure-badge.veneer{background:var(--color-veneer)}.procedure-badge.implant{background:var(--color-implant)}.procedure-badge.bridge{background:var(--color-bridge)}.procedure-badge.denture{background:var(--color-denture)}.procedure-badge.cleaning{background:var(--color-cleaning)}.procedure-badge.whitening{background:var(--color-whitening)}.procedure-badge.other{background:var(--color-other)}.panel-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-xs)}.panel-date{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.panel-description{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.panel-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.panel-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast)}.panel-gallery img:hover{transform:scale(1.05)}.gallery-section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md)}.comparison-container{margin-bottom:var(--spacing-lg)}.comparison-slider{position:relative;width:100%;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;cursor:ew-resize;box-shadow:var(--shadow-md)}.comparison-before,.comparison-after{position:absolute;top:0;left:0;width:100%;height:100%}.comparison-before{z-index:2;clip-path:inset(0 50% 0 0)}.comparison-after{z-index:1}.comparison-before img,.comparison-after img{width:100%;height:100%;object-fit:cover}.comparison-label{position:absolute;bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.comparison-before .comparison-label{left:var(--spacing-sm)}.comparison-after .comparison-label{right:var(--spacing-sm)}.comparison-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:ew-resize}.handle-line{flex:1;width:2px;background:#fff;box-shadow:0 0 4px #00000080}.handle-circle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-bg-primary)}.handle-circle svg{width:20px;height:20px}.tooth-tooltip{position:fixed;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:var(--z-tooltip);pointer-events:none;white-space:nowrap;box-shadow:var(--shadow-lg)}.tooth-tooltip.hidden{display:none}.tooltip-number{font-weight:600;color:var(--color-accent-primary);margin-right:var(--spacing-sm)}.tooltip-name{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease}.modal-overlay.hidden{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:90%;max-width:600px;max-height:90vh;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--font-size-xl);font-weight:600}.modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.case-wizard-modal{max-width:700px;display:flex;flex-direction:column}.case-wizard-modal .modal-header{padding:var(--spacing-md) var(--spacing-lg)}.wizard-progress{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);gap:0}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);position:relative}.wizard-step .step-number{width:var(--wizard-step-size);height:var(--wizard-step-size);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-secondary);border:2px solid var(--color-border);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-muted);transition:all var(--transition-base)}.wizard-step .step-label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;transition:color var(--transition-base)}.wizard-step.active .step-number{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.wizard-step.active .step-label{color:var(--color-text-primary)}.wizard-step.completed .step-number{background:var(--color-success);border-color:var(--color-success);color:#fff}.wizard-step.completed .step-label{color:var(--color-text-secondary)}.wizard-connector{width:var(--wizard-connector-width);height:2px;background:var(--color-border);margin:0 var(--spacing-sm);margin-bottom:1.25rem;transition:background var(--transition-base)}.wizard-connector.completed{background:var(--color-success)}.wizard-panel{display:none}.wizard-panel-content{padding:var(--spacing-xl);max-height:calc(70vh - 200px);overflow-y:auto}.wizard-instruction{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);text-align:center}.wizard-two-column{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.wizard-column{display:flex;flex-direction:column}.wizard-section-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-sm)}.wizard-section-title .optional-label{font-weight:400;font-size:var(--font-size-xs);color:var(--color-text-muted)}.accordion-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.accordion-item{border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);overflow:hidden;background:#ffffff05;transition:all var(--transition-base)}.accordion-item:hover{border-color:#ffffff1a}.accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;text-align:left;transition:all var(--transition-fast)}.accordion-header:hover{background:#ffffff08;color:var(--color-text-primary)}.accordion-item.open .accordion-header{background:linear-gradient(135deg,#8b5cf633,#06b6d426);color:var(--color-text-primary)}.accordion-icon{transition:transform var(--transition-fast);flex-shrink:0;opacity:.6}.accordion-item.open .accordion-icon{transform:rotate(180deg);opacity:1;color:#8b5cf6}.accordion-content{display:none;padding:var(--spacing-md);background:#0f0f1966;border-top:1px solid rgba(255,255,255,.04);animation:accordion-open .2s ease-out}@keyframes accordion-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.accordion-item.open .accordion-content{display:block}.accordion-content .form-group{margin-bottom:var(--spacing-md)}.accordion-content .form-group:last-child{margin-bottom:0}@media(max-width:900px){.wizard-two-column{grid-template-columns:1fr;gap:var(--spacing-lg)}}.wizard-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);gap:var(--spacing-md)}.wizard-actions .btn-secondary:first-child,.wizard-actions #cancel-form,.wizard-actions #wizard-back{margin-right:auto}.wizard-actions #wizard-back.hidden,.wizard-actions #wizard-next.hidden,.wizard-actions #wizard-save.hidden{display:none}.wizard-actions-right{display:flex;gap:var(--spacing-md);align-items:center}.editor-mode-toggle{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.editor-mode-toggle .mode-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500;transition:color .2s ease}.editor-mode-toggle .mode-label.active{color:var(--color-accent-primary)}.mode-switch{position:relative;display:inline-block;width:44px;height:24px}.mode-switch input{opacity:0;width:0;height:0}.mode-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--color-accent-primary);border-radius:24px;transition:.3s}.mode-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.mode-switch input:checked+.mode-slider{background-color:var(--color-accent-secondary)}.mode-switch input:checked+.mode-slider:before{transform:translate(20px)}.case-editor.quick-mode .wizard-step[data-step="3"],.case-editor.quick-mode .wizard-connector:nth-child(4){display:none}.case-editor.quick-mode #wizard-step-3{display:none}.wizard-progress-bar{position:sticky;top:0;z-index:10;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl)}.wizard-progress-track{position:relative;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);overflow:hidden}.wizard-progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--radius-full);transition:width var(--transition-base);width:0%}.wizard-steps-indicator{display:flex;align-items:center;justify-content:center;gap:0}.wizard-progress-bar .wizard-step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast)}.wizard-progress-bar .wizard-step .step-number{width:var(--wizard-step-size);height:var(--wizard-step-size);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:2px solid var(--color-border);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-muted);transition:all var(--transition-base)}.wizard-progress-bar .wizard-step .step-label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;transition:color var(--transition-base)}.wizard-progress-bar .wizard-step.active .step-number{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff;box-shadow:0 0 12px var(--color-accent-glow)}.wizard-progress-bar .wizard-step.active .step-label{color:var(--color-text-primary);font-weight:500}.wizard-progress-bar .wizard-step.completed .step-number{background:var(--color-success);border-color:var(--color-success);color:#fff}.wizard-progress-bar .wizard-step.completed .step-label{color:var(--color-text-secondary)}.wizard-progress-bar .wizard-step.completed:hover .step-number{transform:scale(1.1)}.wizard-progress-bar .wizard-connector{width:var(--wizard-connector-width);height:2px;background:var(--color-border);margin:0 var(--spacing-sm);margin-bottom:1.25rem;transition:background var(--transition-base)}.wizard-progress-bar .wizard-connector.completed{background:var(--color-success)}.wizard-panel{display:none;animation:wizardFadeIn .3s ease}.wizard-panel.active{display:block}@keyframes wizardFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.wizard-panel-content{padding:var(--spacing-xl);max-height:calc(100vh - 280px);overflow-y:auto}.wizard-panel-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.wizard-panel-header-optional{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.optional-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-accent-secondary);font-weight:500}@media(max-width:768px){.wizard-progress-bar{padding:var(--spacing-md)}.wizard-steps-indicator{gap:0}.wizard-progress-bar .wizard-step .step-label{display:none}.wizard-progress-bar .wizard-connector{width:24px;margin:0 var(--spacing-xs);margin-bottom:0}.wizard-panel-content{padding:var(--spacing-lg)}}.tooth-diagram-container{display:flex;justify-content:center;padding:var(--spacing-lg);background:linear-gradient(135deg,#1e1e2d99,#141423cc);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff0d;overflow-x:auto}.tooth-diagram{width:100%;max-width:600px;min-width:500px;height:auto}.tooth-diagram .center-line{stroke:#ffffff26;stroke-width:1;stroke-dasharray:6,4}.tooth-diagram .side-label{fill:var(--color-text-muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;writing-mode:vertical-rl;text-orientation:mixed}.tooth-diagram .primary-letters{fill:var(--color-text-muted);font-size:9px;font-weight:500;letter-spacing:.4em;opacity:.7}.tooth-diagram .tooth{fill:var(--color-bg-tertiary, #2a2a3e);stroke:var(--color-text-secondary);stroke-width:1;cursor:pointer;transition:fill .15s ease,stroke .15s ease,filter .2s ease,transform .15s ease;transform-origin:center;transform-box:fill-box}.tooth-diagram .tooth:hover,.tooth-diagram .tooth.hover{fill:var(--color-bg-secondary, #3a3a4e);stroke:var(--color-text-primary);stroke-width:1.5}.tooth-diagram .tooth.selected{fill:#06b6d4;stroke:#22d3ee;stroke-width:2;filter:url(#tooth-glow) drop-shadow(0 0 8px rgba(6,182,212,.6))}.tooth-diagram .tooth.selected:hover{fill:#22d3ee;stroke:#67e8f9}.tooth-diagram .tooth.highlighted{fill:var(--highlight-color, var(--color-accent-primary));stroke:var(--color-bg-primary);stroke-width:2;filter:url(#tooth-glow)}.tooth-diagram .tooth.highlighted:hover{filter:url(#tooth-glow) brightness(1.2)}@keyframes tooth-pulse{0%{transform:scale(1);filter:url(#tooth-glow) drop-shadow(0 0 4px rgba(6,182,212,.4))}50%{transform:scale(1.08);filter:url(#tooth-glow) drop-shadow(0 0 16px rgba(6,182,212,.8))}to{transform:scale(1);filter:url(#tooth-glow) drop-shadow(0 0 8px rgba(6,182,212,.6))}}.tooth-diagram .tooth.pulse{animation:tooth-pulse .4s ease-out}.tooth-diagram .arch-label{fill:var(--color-text-primary);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.tooth-diagram .tooth-number{fill:var(--color-text-secondary);font-size:10px;font-weight:600;pointer-events:none;text-anchor:middle;dominant-baseline:middle;transition:fill .15s ease}.tooth-diagram .tooth-group:has(.tooth.selected) .tooth-number{fill:#06b6d4;font-weight:700}.selected-teeth-display{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-md);background:#0f0f1999;border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:48px;align-items:center;justify-content:center;transition:all var(--transition-fast)}.selected-teeth-display:has(.selected-tooth-tag){background:#06b6d414;border-color:#06b6d433}.selected-tooth-tag{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:var(--font-size-sm);font-weight:600;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#0f172a;border-radius:var(--radius-full);box-shadow:0 2px 8px #06b6d44d;animation:tag-appear .2s ease-out}@keyframes tag-appear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:640px){.tooth-diagram-container{padding:var(--spacing-sm);border-radius:var(--radius-lg)}.tooth-diagram{min-width:450px}.tooth-diagram .tooth-number{font-size:8px}.tooth-diagram .arch-label{font-size:11px}.tooth-diagram .side-label{font-size:8px}.tooth-diagram .primary-letters{font-size:7px}}@media(max-width:480px){.tooth-diagram{min-width:400px}.tooth-diagram .tooth-number{font-size:7px}.tooth-diagram .arch-label{font-size:10px}.tooth-diagram .side-label,.tooth-diagram .primary-letters{display:none}}.profile-modal{max-width:500px}.profile-form{padding:var(--spacing-lg);max-height:calc(90vh - 80px);overflow-y:auto}.profile-photo-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.profile-photo-preview{width:100px;height:100px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:3px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--color-text-muted)}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-btn{cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.profile-photo-actions{display:flex;gap:var(--spacing-sm);align-items:center}.btn-danger-small{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-danger-small:hover{background:var(--color-error);color:#fff}.btn-danger-small.hidden{display:none}.subscription-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.subscription-management{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.subscription-info{display:flex;align-items:center;gap:var(--spacing-sm)}.subscription-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.subscription-badge.pro{background:linear-gradient(135deg,var(--color-accent-primary),#818cf8);color:#fff}.subscription-status{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cv-link-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.cv-link-divider{height:1px;background:var(--color-border);margin-bottom:var(--spacing-lg)}.cv-link-promo{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.cv-link-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:var(--radius-md);color:var(--color-accent-primary)}.cv-link-content{flex:1;min-width:0}.cv-link-content h4{margin:0 0 .25rem;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.cv-link-content p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.cv-link-btn{display:flex;align-items:center;gap:.5rem;flex-shrink:0;text-decoration:none;white-space:nowrap}.case-form{padding:0;max-height:none;overflow-y:visible}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:var(--spacing-md)}.form-group.form-group-sm{max-width:100px;flex-shrink:0}.form-group.form-group-sm input{text-align:center;text-transform:uppercase;letter-spacing:2px;font-weight:600}.input-initials{text-align:center;text-transform:uppercase;letter-spacing:2px;font-weight:600;font-size:var(--font-size-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);letter-spacing:.01em}.form-group label:after{content:""}.form-group:has(input[required]) label:after,.form-group:has(select[required]) label:after{content:" *";color:#ef4444;font-weight:400}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:#0f0f1999;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted);opacity:.6}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#ffffff26;background:#14142399}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;background:#141423cc;box-shadow:0 0 0 3px #8b5cf640,0 0 0 1px #8b5cf680}@keyframes focus-ring-pulse{0%,to{box-shadow:0 0 0 3px #8b5cf633,0 0 0 1px #8b5cf666}50%{box-shadow:0 0 0 4px #8b5cf626,0 0 0 1px #8b5cf680}}.form-group input:focus-visible,.form-group select:focus-visible,.form-group textarea:focus-visible{animation:focus-ring-pulse 2s ease-in-out infinite}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:6px;line-height:1.4}.form-row-options{gap:var(--spacing-lg)}.form-group-checkbox{margin-bottom:var(--spacing-sm)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.checkbox-label:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent-primary);cursor:pointer}.multi-tooth-select{margin-bottom:var(--spacing-md)}.tooth-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:150px;overflow-y:auto}.tooth-chip{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.tooth-chip:hover{border-color:var(--color-accent-primary);background:#6366f11a}.tooth-chip.selected{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.tooth-chip.disabled{opacity:.5;cursor:not-allowed}.tooth-selection-group{margin-bottom:var(--spacing-lg)}.tooth-selection-group .hint{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:400}.tooth-selector{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tooth-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.tooth-row:last-child{margin-bottom:0}.arch-label{width:45px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;flex-shrink:0}.tooth-chips.upper-arch,.tooth-chips.lower-arch{display:flex;flex-wrap:wrap;gap:4px;flex:1;padding:0;background:transparent;border:none;max-height:none;overflow:visible}.tooth-chips.upper-arch .tooth-chip,.tooth-chips.lower-arch .tooth-chip{min-width:32px;text-align:center;padding:4px 6px}.selected-teeth-display{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:36px;align-items:center}.selected-teeth-display .no-selection{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.selected-teeth-display .selected-tooth-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm)}.custom-procedure-group{flex:1}.custom-procedure-group.hidden{display:none}.disciplines-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.disciplines-actions{display:flex;gap:var(--spacing-xs)}.disciplines-action-btn{padding:2px 8px;font-size:11px;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.disciplines-action-btn:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background:#6366f11a}.disciplines-selector{display:flex;flex-wrap:wrap;gap:8px;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.discipline-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:var(--font-size-xs);font-weight:500;background:transparent;border:1.5px solid rgba(255,255,255,.12);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;color:var(--color-text-secondary);position:relative;overflow:hidden}.discipline-chip:before{content:"";position:absolute;inset:0;background:var(--discipline-color, var(--color-accent-primary));opacity:0;transition:opacity var(--transition-fast);z-index:0}.discipline-chip .discipline-check,.discipline-chip .discipline-label{position:relative;z-index:1}.discipline-check{width:0;height:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:width var(--transition-fast),opacity var(--transition-fast);opacity:0}.discipline-check svg{flex-shrink:0}.discipline-chip:hover{border-color:var(--discipline-color, var(--color-accent-primary));background:#ffffff08;color:var(--color-text-primary)}.discipline-chip.selected{background:var(--discipline-color, var(--color-accent-primary));border-color:var(--discipline-color, var(--color-accent-primary));color:#fff;animation:chipSelect .2s ease-out}.discipline-chip.selected:before{opacity:1}.discipline-chip.selected .discipline-check{width:16px;opacity:1}.discipline-chip.selected:hover{filter:brightness(1.1);background:var(--discipline-color, var(--color-accent-primary))}@keyframes chipSelect{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.discipline-chip:focus{outline:2px solid var(--discipline-color, var(--color-accent-primary));outline-offset:2px}.discipline-chip:focus:not(:focus-visible){outline:none}.discipline-pills{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-xs)}.discipline-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:500;background:var(--discipline-color, var(--color-bg-tertiary));color:#fff;border-radius:var(--radius-full);white-space:nowrap}.discipline-pill .pill-dot{width:6px;height:6px;border-radius:50%;background:#ffffffb3}.case-card .discipline-pills{margin-top:6px}.case-card .discipline-pill{padding:1px 6px;font-size:9px}.tags-section{margin-top:var(--spacing-sm)}.tag-selector{display:flex;flex-direction:column;gap:var(--spacing-sm)}.tag-input-wrapper{position:relative}.tag-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tag-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #6366f11a}.tag-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);z-index:100;box-shadow:0 4px 12px #0000004d}.tag-dropdown.hidden{display:none}.tag-dropdown-item{padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast);display:flex;justify-content:space-between;align-items:center}.tag-dropdown-item:hover,.tag-dropdown-item.highlighted{background:var(--color-bg-tertiary)}.tag-dropdown-item .tag-category{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:capitalize}.tag-dropdown-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.selected-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:32px}.selected-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-full);animation:tagAppear .2s ease-out}@keyframes tagAppear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.selected-tag .tag-remove{width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;cursor:pointer;transition:background var(--transition-fast)}.selected-tag .tag-remove:hover{background:#fff6}.selected-tag .tag-remove svg{width:10px;height:10px}.selected-tag.material-tag{background:#14b8a6}.selected-tag.technique-tag{background:#8b5cf6}.teeth-details-section{margin-top:var(--spacing-md)}.teeth-details-section.hidden{display:none}.teeth-details-section .form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.teeth-details-table{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.teeth-badges-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.badges-summary{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.badges-summary .custom-count{color:var(--color-accent-primary);font-weight:500}.badges-summary .default-hint{color:var(--color-text-muted)}.badges-hint{font-size:10px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.teeth-badges-row{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tooth-badge-item{position:relative;display:flex;align-items:center;justify-content:center;min-width:36px;height:32px;padding:0 var(--spacing-sm);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.tooth-badge-item:hover{border-color:var(--color-accent-primary);background:var(--color-bg-tertiary);color:var(--color-text-primary);transform:translateY(-1px)}.tooth-badge-item.active{border-color:var(--color-accent-primary);background:var(--color-accent-primary);color:#fff;box-shadow:0 0 0 3px var(--color-accent-glow)}.tooth-badge-item.has-custom{border-color:var(--custom-color, var(--color-accent-secondary));background:color-mix(in srgb,var(--custom-color, var(--color-accent-secondary)) 15%,transparent);color:var(--color-text-primary)}.tooth-badge-item.has-custom .badge-indicator{position:absolute;top:-3px;right:-3px;width:10px;height:10px;background:var(--custom-color, var(--color-accent-secondary));border-radius:50%;border:2px solid var(--color-bg-tertiary)}.badge-number{font-weight:600}.tooth-inline-editor{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-accent-primary);border-radius:var(--radius-md);animation:slideDown .2s ease-out}.tooth-inline-editor.hidden{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.inline-editor-tooth{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.inline-editor-close{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.inline-editor-close:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.inline-editor-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.inline-editor-field label{display:block;font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.inline-editor-field select,.inline-editor-field input{width:100%;padding:8px 10px;font-size:var(--font-size-xs);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);transition:all var(--transition-fast)}.inline-editor-field select:focus,.inline-editor-field input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-glow)}.inline-editor-field input::placeholder{color:var(--color-text-muted)}.auto-filled{color:var(--color-text-muted)!important;font-style:italic}.auto-filled::placeholder{font-style:normal}.discipline-chip.auto-filled.selected{opacity:.8;border-style:dashed}.form-group{position:relative}.char-count{position:absolute;bottom:8px;right:12px;font-size:10px;color:var(--color-text-muted);background:var(--color-bg-secondary);padding:2px 6px;border-radius:var(--radius-sm);pointer-events:none}.char-count.warning{color:var(--color-warning, #f59e0b)}.char-count.error{color:var(--color-error, #ef4444)}#case-description{padding-bottom:28px}.per-tooth-breakdown{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.per-tooth-breakdown-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-sm)}.per-tooth-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.per-tooth-item:last-child{border-bottom:none}.per-tooth-item .tooth-badge{font-weight:600;color:var(--color-text-primary);min-width:32px}.per-tooth-item .procedure-badge{padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm);white-space:nowrap}.per-tooth-item .tooth-notes{flex:1;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-style:italic}.multi-tooth-navigation{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.2)}.tooth-nav-header{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.tooth-nav-indicators{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tooth-nav-item{display:flex;align-items:center;justify-content:center;padding:4px 10px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:2px solid transparent;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);transition:all .2s ease;cursor:default}.tooth-nav-item.active{background:var(--procedure-color, var(--color-accent));border-color:var(--procedure-color, var(--color-accent));color:#fff;font-weight:600;transform:scale(1.1);box-shadow:0 2px 8px #6366f14d}.tooth-nav-item:not(.active){border-color:color-mix(in srgb,var(--procedure-color, var(--color-border)) 30%,transparent)}.tooth-nav-number{white-space:nowrap}.current-tooth-focus{font-weight:700;color:var(--color-accent)}.tooth-name{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.tooth-specific-notes{padding:var(--spacing-sm);background:#6366f11a;border-radius:var(--radius-md);border-left:3px solid var(--color-accent);margin-bottom:var(--spacing-sm)}.tooth-specific-notes strong{color:var(--color-accent);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.3px}.tooth-specific-notes p{margin:var(--spacing-xs) 0 0 0;color:var(--color-text-primary)}.case-description{padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.case-number{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.tooth-progress{display:block;font-size:var(--font-size-xs);color:var(--color-accent);font-weight:500}.category-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.category-badge.featured{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#000}.photo-staging-area{border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);position:relative}.upload-dropzone{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-base);background:var(--color-bg-tertiary);overflow:hidden}.upload-dropzone:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-lg);padding:2px;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary),#06b6d4,var(--color-accent-primary));background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base);animation:gradientRotate 4s ease infinite;animation-play-state:paused}@keyframes gradientRotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.upload-dropzone:hover:before,.upload-dropzone.dragover:before{opacity:1;animation-play-state:running}.upload-dropzone:hover,.upload-dropzone.dragover{border-color:transparent;background:#6366f10d}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);text-align:center;position:relative;z-index:1;transition:transform var(--transition-fast),opacity var(--transition-fast)}.upload-dropzone.dragover .dropzone-content{transform:scale(.95);opacity:0}.dropzone-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:var(--radius-xl);color:var(--color-accent-primary);transition:all var(--transition-base)}.upload-dropzone:hover .dropzone-icon{background:#6366f133;transform:translateY(-2px)}.dropzone-text{display:flex;flex-direction:column;gap:2px}.dropzone-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.dropzone-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dropzone-hints{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.dropzone-hint{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.dropzone-hint svg{opacity:.7}.dropzone-active-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:#6366f126;border-radius:var(--radius-lg);opacity:0;transform:scale(1.05);transition:all var(--transition-fast);pointer-events:none;z-index:2;color:var(--color-accent-primary);font-weight:600}.upload-dropzone.dragover .dropzone-active-overlay{opacity:1;transform:scale(1)}.quick-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;margin-top:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent-primary);background:#6366f11a;border:1px solid var(--color-accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.quick-upload-btn:hover{background:var(--color-accent-primary);color:#fff}.paste-feedback{position:absolute;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-success);color:#fff;font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-full);animation:pasteToast 2s ease forwards;z-index:10}.paste-feedback.hidden{display:none}@keyframes pasteToast{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}85%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.staging-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-md);min-height:0}.staging-photos:empty{display:none}.staging-photos .photo-item{position:relative;aspect-ratio:1;cursor:grab;border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.staging-photos .photo-item:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.staging-photos .photo-item:active{cursor:grabbing}.staging-photos .photo-item img{width:100%;height:100%;object-fit:cover;transition:filter var(--transition-fast)}.staging-photos .photo-item:hover img{filter:brightness(.8)}.staging-photos .photo-item.dragging{opacity:.5;transform:scale(.95)}.staging-photos .photo-item .photo-actions{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.staging-photos .photo-item:hover .photo-actions{opacity:1}.staging-photos .photo-item .remove-photo{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-full);font-size:12px;font-weight:700;cursor:pointer;line-height:1;transition:transform var(--transition-fast)}.staging-photos .photo-item .remove-photo:hover{transform:scale(1.1)}.photo-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.photo-category-zone{position:relative;background:var(--color-bg-tertiary);border:2px solid transparent;border-radius:var(--radius-lg);padding:var(--spacing-sm);min-height:120px;transition:all var(--transition-fast);overflow:hidden}.photo-category-zone:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-lg);padding:2px;background:linear-gradient(135deg,#ffffff14,#ffffff08);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.photo-category-zone.drag-over{background:#6366f11a}.photo-category-zone.drag-over:before{background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));animation:pulseGlow 1s ease infinite}@keyframes pulseGlow{0%,to{opacity:.5}50%{opacity:1}}.photo-category-zone.at-limit{background:#f59e0b0d}.photo-category-zone.at-limit:before{background:var(--color-warning);opacity:.5}.photo-category-zone.at-limit .category-limit{color:var(--color-warning)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.category-header h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0}.category-limit{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:2px 6px;background:#ffffff0d;border-radius:var(--radius-sm)}.category-placeholder{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#ffffff08;border:2px dashed rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.photo-category-zone.drag-over .category-placeholder{border-color:var(--color-accent-primary);background:#6366f11a;color:var(--color-accent-primary)}.category-photos.has-photos .category-placeholder{display:none}.category-photos{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:60px}.category-photos .photo-item{position:relative;width:70px;height:70px;cursor:grab;border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.category-photos .photo-item:hover{transform:scale(1.05);box-shadow:var(--shadow-md);z-index:1}.category-photos .photo-item:active{cursor:grabbing}.category-photos .photo-item img{width:100%;height:100%;object-fit:cover;transition:filter var(--transition-fast)}.category-photos .photo-item:hover img{filter:brightness(.7)}.category-photos .photo-item.existing img{border:2px solid var(--color-accent-primary)}.category-photos .photo-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.category-photos .photo-item:hover:after{opacity:1}.category-photos .photo-item .photo-actions{position:absolute;top:4px;right:4px;display:flex;gap:3px;opacity:0;transition:opacity var(--transition-fast);z-index:2}.category-photos .photo-item:hover .photo-actions{opacity:1}.category-photos .photo-item .remove-photo,.category-photos .photo-item .annotate-photo{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);font-size:10px;cursor:pointer;line-height:1;transition:transform var(--transition-fast)}.category-photos .photo-item .remove-photo:hover,.category-photos .photo-item .annotate-photo:hover{transform:scale(1.1)}.category-photos .photo-item .remove-photo{background:var(--color-error);color:#fff}.category-photos .photo-item .annotate-photo{background:#0009;color:#fff;border:1px solid rgba(255,255,255,.2)}.category-photos .photo-item .annotate-photo:hover,.category-photos .photo-item .annotate-photo.has-annotations{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.category-photos .photo-item .assign-tooth-btn{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);font-size:10px;cursor:pointer;line-height:1;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.category-photos .photo-item .assign-tooth-btn:hover,.category-photos .photo-item .assign-tooth-btn.has-assignment{background:var(--color-accent-secondary);color:#fff;border-color:var(--color-accent-secondary)}.photo-tooth-badge{position:absolute;bottom:4px;left:4px;background:var(--color-accent-secondary);color:#fff;font-size:9px;font-weight:600;padding:2px 5px;border-radius:var(--radius-sm);z-index:1}.tooth-assignment-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tooth-assignment-modal{background:var(--color-bg-primary);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:0 25px 50px -12px #00000040;animation:modal-appear .2s ease-out}.tooth-assignment-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.tooth-assignment-modal .modal-header h3{margin:0;font-size:1.1rem;color:var(--color-text-primary)}.tooth-assignment-modal .close-modal{background:none;border:none;font-size:1.5rem;color:var(--color-text-tertiary);cursor:pointer;padding:0;line-height:1}.tooth-assignment-modal .close-modal:hover{color:var(--color-text-primary)}.tooth-assignment-modal .modal-content{padding:var(--spacing-lg)}.tooth-assignment-modal .modal-description{margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary);font-size:.875rem}.tooth-assignment-modal .form-group{margin-bottom:0}.tooth-assignment-modal .form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text-secondary);font-size:.875rem}.tooth-assignment-modal .form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem}.tooth-assignment-modal .form-control:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #6366f11a}.tooth-assignment-modal .modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-xl);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base)}.btn-primary{background:var(--color-accent-gradient);color:#fff;box-shadow:0 4px 12px #6366f14d,0 2px 4px #0003;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166,0 4px 8px #0003}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d,0 1px 2px #0003}.btn-secondary{background:#ffffff0d;color:var(--color-text-secondary);border:1px solid rgba(255,255,255,.1);position:relative}.btn-secondary:hover{color:var(--color-text-primary);border-color:#fff3;background:#ffffff14;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0);background:#ffffff1a}.edit-panel-actions{display:flex;gap:var(--spacing-sm)}.edit-panel-actions .btn-primary,.edit-panel-actions .btn-secondary{min-width:120px;justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.optional-label{color:var(--color-text-muted);font-weight:400;font-size:var(--font-size-sm)}.inline-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.inline-message.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.inline-message.warning{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);color:#fcd34d}.inline-message.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#86efac}.app-toast{position:fixed;top:var(--spacing-xl);right:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:10000;max-width:400px;animation:toastSlideIn .3s ease}.app-toast-hiding{animation:toastSlideOut .3s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.app-toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.app-toast-message{flex:1;font-size:var(--font-size-sm);line-height:1.4}.app-toast-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.app-toast-close:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.app-toast-error{border-color:#ef444480;background:#ef44441a}.app-toast-error .app-toast-icon{color:var(--color-error)}.app-toast-warning{border-color:#f59e0b80;background:#f59e0b1a}.app-toast-warning .app-toast-icon{color:var(--color-warning)}.app-toast-success{border-color:#22c55e80;background:#22c55e1a}.app-toast-success .app-toast-icon{color:var(--color-success)}.app-toast-info{border-color:#6366f180;background:#6366f11a}.app-toast-info .app-toast-icon{color:var(--color-accent-primary)}.payment-failure-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#f59e0bf2,#dc8c0af2);color:#1a1a1a;padding:var(--spacing-sm) var(--spacing-lg);z-index:10001;box-shadow:0 2px 8px #0000004d;animation:bannerSlideDown .3s ease}@keyframes bannerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.payment-failure-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);max-width:900px;margin:0 auto;font-size:var(--font-size-sm);font-weight:500}.payment-failure-content svg{flex-shrink:0;color:#1a1a1a}.payment-failure-link{color:#1a1a1a;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.payment-failure-link:hover{color:#000}body.has-payment-banner{padding-top:44px}body.has-payment-banner .app-toast{top:calc(var(--spacing-xl) + 44px)}.grace-period-banner{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.75rem 1rem;position:fixed;top:0;left:0;right:0;z-index:10000;box-shadow:0 2px 8px #0000004d;animation:bannerSlideDown .3s ease}.grace-period-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);max-width:900px;margin:0 auto;flex-wrap:wrap;text-align:center}.grace-period-content svg{flex-shrink:0}.grace-period-content span{font-size:.9rem}.grace-period-content strong{font-weight:700}.grace-period-link{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;background:#0003;padding:.25rem .75rem;border-radius:4px;transition:background .2s ease}.grace-period-link:hover{background:#0000004d;color:#fff}body.has-grace-period-banner{padding-top:44px}body.has-grace-period-banner .app-toast{top:calc(var(--spacing-xl) + 44px)}.confirmation-modal-overlay{display:flex;align-items:center;justify-content:center}.confirmation-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:400px;width:90%;box-shadow:var(--shadow-xl)}.confirmation-modal .modal-header h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.confirmation-content{margin-bottom:var(--spacing-lg)}.confirmation-content p{color:var(--color-text-secondary);margin:0}.confirmation-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.btn-danger{padding:var(--spacing-sm) var(--spacing-xl);font-weight:500;border-radius:var(--radius-md);background:var(--color-error);color:#fff;transition:all var(--transition-base)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.settings-modal{max-width:550px;max-height:85vh}.settings-content{padding:var(--spacing-lg);overflow-y:auto;max-height:calc(85vh - 80px)}.settings-section{margin-bottom:var(--spacing-xl)}.settings-section:last-child{margin-bottom:0}.settings-section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.settings-section-title svg{color:var(--color-accent-primary)}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast)}.settings-item:last-child{margin-bottom:0}.settings-item:hover:not(.disabled){border-color:var(--color-border-hover)}.settings-item.disabled{opacity:.6}.settings-item-info{flex:1;min-width:0}.settings-item-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:2px}.settings-item-value{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-item-description{font-size:var(--font-size-xs);color:var(--color-text-muted)}.plan-display{display:flex;align-items:center;gap:var(--spacing-sm)}.plan-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-muted)}.plan-badge.pro{background:linear-gradient(135deg,var(--color-accent-primary),#818cf8);color:#fff}.plan-badge.trial{background:var(--color-warning);color:#fff}.plan-badge.free{background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.plan-badge.past-due{background:var(--color-warning);color:#fff}.plan-badge.cancelled{background:var(--color-error);color:#fff}.plan-badge.paused{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.coming-soon-badge{flex-shrink:0;padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full)}.btn-danger-outline{color:var(--color-error);border-color:transparent}.btn-danger-outline:hover{background:#ef44441a;border-color:var(--color-error)}.settings-item .btn-secondary{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.settings-item .btn-secondary svg{flex-shrink:0}.settings-select{padding:var(--spacing-sm) var(--spacing-md);padding-right:var(--spacing-xl);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;min-width:160px}.settings-select:hover{border-color:var(--color-primary)}.settings-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.clear-cache-list{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.clear-cache-list li{margin-bottom:var(--spacing-xs)}.warning-text{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.warning-text svg{flex-shrink:0;margin-top:2px}.settings-item .btn-secondary .spinner{animation:spin 1s linear infinite}.settings-section.danger-zone{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(239,68,68,.3)}.settings-section.danger-zone .settings-section-title{color:var(--color-error);border-bottom-color:#ef44444d}.settings-section.danger-zone .settings-section-title svg{color:var(--color-error)}.settings-item.danger-item{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);padding:var(--spacing-md)}.settings-item.danger-item .settings-item-description{color:var(--color-error);opacity:.8}.delete-account-modal{max-width:440px}.delete-warning-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-md);color:var(--color-error)}.delete-warning-title{text-align:center;font-size:var(--font-size-base);color:var(--color-error);font-weight:600;margin-bottom:var(--spacing-md)}.delete-list{margin:var(--spacing-sm) 0 var(--spacing-lg);padding-left:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.delete-list li{margin-bottom:var(--spacing-xs)}.password-confirm-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.password-confirm-section label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.password-confirm-section input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color .2s ease}.password-confirm-section input:focus{border-color:var(--color-error)}.password-confirm-section input::placeholder{color:var(--color-text-muted)}.password-error{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-error)}.password-error.hidden{display:none}.loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);z-index:var(--z-loading);transition:opacity .5s ease}.loading-screen.hidden{opacity:0;pointer-events:none}.loader{text-align:center}.tooth-icon{font-size:4rem;animation:pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px var(--color-accent-glow))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading-text{margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.progress-bar{width:200px;height:4px;margin-top:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;width:0%;background:var(--color-accent-gradient);border-radius:var(--radius-full);transition:width .3s ease}.instructions-toast{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-full);z-index:var(--z-ui);box-shadow:var(--shadow-xl);font-size:var(--font-size-sm);color:var(--color-text-secondary);animation:toastSlideUp .5s ease}.instructions-toast.hidden{display:none}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.toast-close{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-lg);transition:all var(--transition-fast)}.toast-close:hover{color:var(--color-text-primary);background:var(--color-border-hover)}@media(max-width:768px){.app-header{padding:0 var(--spacing-md)}.logo h1,.mode-btn span,.edit-btn span,.profile-info{display:none}.profile-avatar{width:36px;height:36px}.case-panel{left:var(--spacing-md);right:var(--spacing-md);width:auto}.form-row{grid-template-columns:1fr}.photo-preview{grid-template-columns:repeat(3,1fr)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f0f1966;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf666,#6366f14d);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf699,#6366f180);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#8b5cf6cc,#6366f1b3);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.4) rgba(15,15,25,.4)}.toast-notification{position:fixed;bottom:var(--spacing-xl);left:50%;transform:translate(-50%) translateY(20px);display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:var(--z-tooltip);box-shadow:var(--shadow-xl);opacity:0;transition:all .3s ease}.toast-notification.toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.toast-notification.toast-hiding{opacity:0;transform:translate(-50%) translateY(-10px)}.toast-message{font-size:var(--font-size-sm);color:var(--color-text-primary)}.toast-dismiss{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;transition:all var(--transition-fast)}.toast-dismiss:hover{background:var(--color-border-hover);color:var(--color-text-primary)}.toast-success .toast-message:before{content:"✓";color:var(--color-success);font-weight:700}.toast-error{border-color:var(--color-error)}.toast-error .toast-message:before{content:"✗";color:var(--color-error);font-weight:700}.lightbox{position:fixed;inset:0;background:#000000f2;z-index:20;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.lightbox.hidden{display:none}.lightbox-hidden{opacity:0!important;pointer-events:none!important;transition:opacity .2s ease}.lightbox-content{max-width:90vw;max-height:85vh;display:flex;align-items:center;justify-content:center}.lightbox-content img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:var(--shadow-xl)}.lightbox-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.lightbox-close:hover{background:var(--color-bg-tertiary);transform:scale(1.1)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.lightbox-nav:hover{background:var(--color-accent-primary);transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:var(--spacing-lg)}.lightbox-next{right:var(--spacing-lg)}.lightbox-counter{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.header-right{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.auth-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}button.btn-text,a.btn-text{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition-fast);background:transparent;border:none;cursor:pointer}button.btn-text:hover,a.btn-text:hover{color:var(--color-text-primary)}.btn-primary span.btn-text,.btn-secondary span.btn-text,#auth-submit .btn-text{color:inherit;padding:0;background:none;font-size:inherit;font-weight:inherit}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.user-menu{display:flex;align-items:center;gap:var(--spacing-md)}.cloud-sync-indicator{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-success);opacity:.8}.cloud-sync-indicator.syncing{animation:pulse 1s ease-in-out infinite;color:var(--color-accent-primary)}.user-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--spacing-xs) 0}.user-menu .btn-icon:first-of-type{margin-left:var(--spacing-xs)}.btn-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);transition:all .15s ease}.btn-icon:hover{color:var(--color-text-primary);background:#ffffff0d}.btn-icon:active{background:#ffffff14}.auth-modal{max-width:400px;width:100%}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);padding-top:0}.auth-error{padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm);text-align:center}.auth-error.hidden{display:none}.forgot-password{margin:0 0 var(--spacing-md) 0;text-align:right;font-size:var(--font-size-sm)}.forgot-password a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.forgot-password a:hover{color:var(--color-primary-light);text-decoration:underline}.forgot-password.hidden{display:none}.btn-full{width:100%;justify-content:center}.btn-loading{display:flex;align-items:center;justify-content:center}.btn-loading.hidden{display:none}.spinner{animation:spin 1s linear infinite}.auth-divider{display:flex;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-lg);color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:calc(100% - var(--spacing-lg) * 2);margin:var(--spacing-md) var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:#fff;color:#333;font-weight:500;font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-google:hover{background:#f5f5f5;box-shadow:var(--shadow-md)}.auth-switch{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-muted)}.btn-link{background:none;border:none;padding:0;color:var(--color-accent-primary);font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.btn-link:hover{color:var(--color-accent-secondary);text-decoration:underline}.auth-terms{padding:0 var(--spacing-lg) var(--spacing-lg);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;line-height:1.5}.auth-terms.hidden{display:none}.auth-consent{padding:0 var(--spacing-lg) var(--spacing-lg)}.auth-consent.hidden{display:none}.consent-checkbox{display:flex;align-items:flex-start;gap:.75rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.consent-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:var(--color-accent-primary);cursor:pointer}.consent-checkbox span{line-height:1.5}.consent-checkbox a{color:var(--color-accent-primary);text-decoration:none}.consent-checkbox a:hover{text-decoration:underline}.share-modal{max-width:500px;width:100%}.share-content{padding:var(--spacing-lg);padding-top:0}.share-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.share-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.share-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.share-option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-accent-primary)}.share-option-content{flex:1}.share-option-content h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.share-option-content p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.share-divider{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.share-divider:before,.share-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.share-link-result{padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-success);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.share-link-result label{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.share-link-input{display:flex;gap:var(--spacing-sm)}.share-link-input input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.share-link-note{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.share-link-result.hidden{display:none}@media(max-width:768px){.user-email,.auth-buttons .btn-text{display:none}.auth-modal,.share-modal{max-width:calc(100vw - var(--spacing-lg) * 2)}}.upgrade-modal{max-width:400px;width:100%;text-align:center}.upgrade-content{padding:var(--spacing-xl);padding-top:var(--spacing-md)}.upgrade-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:50%;color:#fff}.upgrade-message{font-size:var(--font-size-lg);color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.upgrade-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.upgrade-price{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.price-old{font-size:var(--font-size-lg);color:var(--color-text-muted);text-decoration:line-through}.price-new{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-accent-primary)}.price-period{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-secondary)}.btn-upgrade{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.upgrade-note{margin-top:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}.pro-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.pro-badge svg{width:12px;height:12px}.tier-limit-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);margin-left:var(--spacing-sm)}.tier-limit-badge.limit-warning{background:#f59e0b1a;border-color:var(--color-warning);color:var(--color-warning)}.tier-limit-badge.limit-reached{background:#ef44441a;border-color:var(--color-error);color:var(--color-error)}.tier-limit-badge svg{width:12px;height:12px;flex-shrink:0}.upgrade-benefits{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-md) 0 var(--spacing-sm)}.upgrade-features{list-style:none;padding:0;margin:0 0 var(--spacing-lg);text-align:left}.upgrade-features li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.upgrade-features li:before{content:"";width:16px;height:16px;background:var(--color-success);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;flex-shrink:0}.btn-upgrade-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border:none;color:#fff;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg);transition:transform .2s ease,box-shadow .2s ease}.btn-upgrade-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--color-accent-glow)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.schedule-pro-only,.pro-only-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--spacing-xl)}.pro-only-content{text-align:center;max-width:480px}.pro-only-icon{width:100px;height:100px;margin:0 auto var(--spacing-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:50%;color:#fff}.pro-only-icon svg{width:48px;height:48px}.pro-only-content h2{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.pro-only-subtitle{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-lg)}.pro-only-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.pro-only-features{text-align:left;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.pro-only-features h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.pro-only-features .upgrade-features{margin:0}.pro-only-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-md)}.limit-warning{color:var(--color-warning, #f59e0b)!important}.limit-warning:after{content:" (limit)";font-size:var(--font-size-xs);opacity:.7}.case-count-container{display:flex;align-items:center;gap:var(--spacing-sm)}.sync-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border)}.sync-status.cloud-synced{background:#10b9811a;color:var(--color-success);border-color:var(--color-success)}.sync-status.cloud-synced svg{stroke:var(--color-success)}.sync-status svg{flex-shrink:0}.sync-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin-left:4px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.sync-btn:hover{background:var(--color-bg-hover);color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.sync-btn:active{transform:scale(.95)}.sync-btn.syncing .sync-icon{animation:spin 1s linear infinite}.sync-btn.synced{background:#10b9811a;color:var(--color-success);border-color:var(--color-success)}.upgrade-pricing-modal{max-width:600px;width:100%}.upgrade-pricing-content{padding:var(--spacing-lg);padding-top:0}.upgrade-pricing-subtitle{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.pricing-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.pricing-option{position:relative;padding:var(--spacing-lg);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all .2s ease}.pricing-option:hover{border-color:var(--color-accent-primary)}.pricing-option.featured{border-color:var(--color-accent-primary);box-shadow:0 0 20px #6366f133}.pricing-option-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 12px;background:var(--color-accent-gradient);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:#fff;white-space:nowrap}.pricing-option-header{margin-bottom:var(--spacing-sm)}.pricing-option-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.pricing-option-price{margin-bottom:var(--spacing-sm)}.pricing-option-price .price-amount{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary)}.pricing-option-price .price-period{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pricing-option-savings{margin-bottom:var(--spacing-md);padding:4px 8px;background:#10b9811a;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-success);display:inline-block}.btn-checkout{width:100%;margin-top:var(--spacing-sm)}.upgrade-features{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.upgrade-features h4{margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.upgrade-features ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.upgrade-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.upgrade-features li svg{flex-shrink:0;color:var(--color-success)}.upgrade-guarantee{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:600px){.pricing-options,.upgrade-features ul{grid-template-columns:1fr}}.btn-upgrade-header{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-accent-gradient);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-upgrade-header:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-upgrade-header.hidden{display:none}.pro-badge-header{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;background:linear-gradient(135deg,var(--color-success),#059669);border-radius:var(--radius-full);color:#fff;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;box-shadow:0 2px 8px #22c55e40}.pro-badge-header svg{width:12px;height:12px;stroke-width:2.5}.pro-badge-header.hidden,.cloud-sync-indicator.hidden{display:none}.toast{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:1000}.toast.show{transform:translateY(0);opacity:1}.toast-success{border-color:var(--color-success)}.toast-success svg{color:var(--color-success)}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);z-index:10000;transform:translateY(100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.cookie-banner.visible{transform:translateY(0);opacity:1}.cookie-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.cookie-banner-content p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1;min-width:200px}.cookie-banner-content a{color:var(--color-accent-primary);text-decoration:none}.cookie-banner-content a:hover{text-decoration:underline}.cookie-banner-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.cookie-banner-actions .btn-secondary,.cookie-banner-actions .btn-primary{padding:.5rem 1rem;font-size:var(--font-size-sm)}@media(max-width:600px){.cookie-banner-content{flex-direction:column;text-align:center}.cookie-banner-actions{width:100%;justify-content:center}}body.landing-page{overflow-x:hidden;overflow-y:auto}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.landing-nav .container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-decoration:none}.nav-logo svg{width:32px;height:32px}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:var(--color-text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--color-text-primary)}.nav-actions{display:flex;align-items:center;gap:1rem}.hero{min-height:100vh;padding:8rem 2rem 4rem;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.hero .container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:9999px;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.hero-badge svg{width:16px;height:16px;color:var(--color-accent-primary)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--color-text-primary)}.hero-title .gradient{background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:2rem}.hero-url-preview{display:inline-flex;align-items:center;gap:0;padding:1rem 1.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;margin-bottom:2rem;font-family:Monaco,Menlo,monospace;font-size:1.1rem}.url-base{color:var(--color-text-muted)}.url-name{color:var(--color-accent-primary);font-weight:600}.url-cursor{display:inline-block;width:2px;height:1.2em;background:var(--color-accent-primary);margin-left:2px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.hero-stats{display:flex;gap:3rem}.stat{text-align:left}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:.875rem;color:var(--color-text-muted)}.hero-3d-container{position:relative;aspect-ratio:1;max-width:600px;border-radius:24px;overflow:hidden;background:var(--color-bg-glass);border:1px solid var(--color-border)}.hero-3d-container canvas{width:100%;height:100%;cursor:grab}.hero-3d-container canvas:active{cursor:grabbing}.hero-3d-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--color-text-secondary)}.hero-3d-fallback svg{width:80px;height:80px;margin-bottom:1rem;opacity:.5}.hero-3d-tooltip{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);padding:.75rem 1.25rem;background:var(--color-bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:12px;text-align:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.hero-3d-tooltip.visible{opacity:1}.tooltip-tooth{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.25rem}.tooltip-procedure{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.hero-3d-hint{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0009;border-radius:8px;font-size:.75rem;color:var(--color-text-muted);transition:opacity .3s ease}.hero-3d-hint.hidden{opacity:0;pointer-events:none}.hero-3d-hint svg{width:16px;height:16px}.section{padding:6rem 2rem;position:relative}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-primary);margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.section-description{font-size:1.125rem;color:var(--color-text-secondary);line-height:1.7}.features{background:var(--color-bg-secondary)}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.feature-card{position:relative;padding:2rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:16px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:0 10px 40px #0000004d}.feature-card.featured{border-color:var(--color-accent-primary);background:linear-gradient(135deg,#6366f11a,#8b5cf60d)}.feature-card.featured:before{content:"";position:absolute;inset:-1px;border-radius:16px;background:var(--color-accent-gradient);z-index:-1;opacity:.3}.pro-badge{position:absolute;top:1rem;right:1rem;padding:.25rem .5rem;background:var(--color-accent-gradient);border-radius:4px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:12px;margin-bottom:1.25rem;color:var(--color-accent-primary)}.feature-icon svg{width:24px;height:24px}.feature-card h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.how-it-works{background:var(--color-bg-primary)}.steps-container{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;position:relative}.step{flex:1;text-align:center;position:relative;padding:2rem}.step-number{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;background:var(--color-accent-gradient);border-radius:50%;font-size:1.5rem;font-weight:700;color:#fff}.step-icon{display:flex;justify-content:center;margin-bottom:1rem;color:var(--color-accent-primary)}.step-icon svg{width:40px;height:40px}.step h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem}.step p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.step-connector{position:absolute;top:5rem;width:100%;height:2px;background:linear-gradient(90deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);z-index:0}.step-connector:after{content:"";position:absolute;right:-8px;top:-4px;width:0;height:0;border-left:10px solid var(--color-accent-secondary);border-top:5px solid transparent;border-bottom:5px solid transparent}.step:last-child .step-connector{display:none}.pricing{background:var(--color-bg-secondary)}.pricing-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:start}.pricing-card{position:relative;padding:2.5rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:20px;transition:transform .3s ease,box-shadow .3s ease}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0000004d}.pricing-card.featured{border-color:var(--color-accent-primary);background:linear-gradient(180deg,rgba(99,102,241,.1) 0%,var(--color-bg-tertiary) 100%);transform:scale(1.05);z-index:1}.pricing-card.featured:hover{transform:scale(1.05) translateY(-4px)}.best-value-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:.5rem 1.25rem;background:var(--color-accent-gradient);border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;white-space:nowrap}.pricing-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.pricing-header h3{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.pricing-header p{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.5rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.currency{font-size:1.5rem;font-weight:600;color:var(--color-text-secondary)}.amount{font-size:3.5rem;font-weight:800;color:var(--color-text-primary);line-height:1}.period{font-size:1rem;color:var(--color-text-muted)}.price-note{display:block;margin-top:.5rem;font-size:.8rem;color:var(--color-success)}.pricing-features{margin-bottom:2rem}.pricing-features ul{list-style:none;padding:0}.pricing-features li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;font-size:.95rem;color:var(--color-text-secondary)}.pricing-features li svg{width:20px;height:20px;color:var(--color-success);flex-shrink:0;margin-top:2px}.pricing-features li.unavailable{opacity:.5}.pricing-features li.unavailable svg{color:var(--color-text-muted)}.pricing-cta .btn{width:100%;justify-content:center}.cta-section{padding:6rem 2rem;background:linear-gradient(135deg,#6366f126,#8b5cf61a);text-align:center}.cta-section .container{max-width:800px;margin:0 auto}.cta-section h2{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;color:var(--color-text-primary);margin-bottom:1rem}.cta-section p{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:2rem}.cta-section .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.landing-footer{background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:4rem 2rem 2rem}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-brand .nav-logo{margin-bottom:1rem}.footer-brand p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.7}.footer-links h4{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);margin-bottom:1.25rem}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:var(--color-text-primary)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{font-size:.875rem;color:var(--color-text-muted)}.footer-legal{display:flex;gap:2rem}.footer-legal a{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-legal a:hover{color:var(--color-text-secondary)}@media(max-width:1200px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%}.hero-cta,.hero-stats{justify-content:center}.hero-3d-container{max-width:500px;margin:0 auto}.pricing-grid{grid-template-columns:1fr;max-width:450px}.pricing-card.featured{transform:none;order:-1}.pricing-card.featured:hover{transform:translateY(-4px)}.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav-links{display:none}.hero{padding:6rem 1rem 3rem;min-height:auto}.hero-title{font-size:2rem}.hero-description{font-size:1rem}.hero-url-preview{font-size:.9rem;padding:.75rem 1rem}.hero-stats{flex-direction:column;gap:1.5rem}.stat{text-align:center}.section{padding:4rem 1rem}.features-grid{grid-template-columns:1fr}.steps-container{flex-direction:column}.step-connector{display:none}.footer-content{grid-template-columns:1fr;text-align:center}.footer-brand{max-width:100%}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:480px){.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.hero-3d-container{aspect-ratio:4/3}}.annotation-modal{width:95vw;max-width:1200px;height:90vh;max-height:90vh;display:flex;flex-direction:column}.annotation-toolbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:var(--spacing-xs)}.toolbar-divider{width:1px;height:24px;background:var(--color-border)}.tool-btn,.action-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tool-btn:hover,.action-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.tool-btn.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.color-group{gap:var(--spacing-sm)}.color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;background:var(--btn-color);cursor:pointer;transition:all var(--transition-fast);position:relative}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:#fff;box-shadow:0 0 0 3px #fff3}.annotation-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);overflow:hidden;padding:var(--spacing-lg);min-height:0}#annotation-canvas{max-width:100%;max-height:100%;border-radius:var(--radius-md);box-shadow:0 4px 20px #00000080}.annotation-modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}@media(max-width:768px){.annotation-modal{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.annotation-toolbar{gap:var(--spacing-sm);padding:var(--spacing-sm)}.tool-btn,.action-btn{width:36px;height:36px}.color-btn{width:24px;height:24px}.toolbar-divider{height:20px}}.webgl-error-overlay{z-index:1000}.webgl-error-modal{max-width:580px;max-height:90vh;overflow-y:auto;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.webgl-error-header{text-align:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,transparent 100%)}.webgl-error-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ef444426;border-radius:50%;margin-bottom:var(--spacing-md);color:var(--color-error)}.webgl-error-header h2{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.webgl-error-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:400px;margin:0 auto}.webgl-error-content{padding:var(--spacing-lg)}.webgl-error-section{margin-bottom:var(--spacing-lg)}.webgl-error-section h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.webgl-error-section h3 svg{color:var(--color-accent-primary)}.webgl-error-steps,.webgl-error-tips{margin:0;padding-left:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.8}.webgl-error-steps li,.webgl-error-tips li{margin-bottom:var(--spacing-sm)}.webgl-error-info{background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.webgl-error-info details{padding:0}.webgl-error-info summary{padding:var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);list-style:none;display:flex;align-items:center;gap:var(--spacing-sm)}.webgl-error-info summary:before{content:"▶";font-size:.6em;transition:transform var(--transition-fast)}.webgl-error-info details[open] summary:before{transform:rotate(90deg)}.webgl-tech-details{padding:0 var(--spacing-md) var(--spacing-md);font-size:var(--font-size-xs);font-family:monospace;color:var(--color-text-muted)}.webgl-tech-details p{margin:var(--spacing-xs) 0;word-break:break-all}.webgl-tech-details strong{color:var(--color-text-secondary)}.webgl-error-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-primary)}.webgl-error-actions button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.webgl-2d-fallback{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--color-bg-primary);z-index:5}.fallback-header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.fallback-notice{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-warning)}.fallback-retry-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-left:auto;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.fallback-retry-btn:hover{background:var(--color-warning);color:var(--color-bg-primary)}.fallback-diagram-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);overflow:auto}.fallback-diagram{width:100%;max-width:700px}.fallback-tooth-diagram-svg{width:100%;height:auto;display:block}.fallback-tooth-diagram-svg .arch-label{font-size:14px;font-weight:600;fill:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.fallback-tooth-diagram-svg .fallback-tooth-group{cursor:pointer}.fallback-tooth-diagram-svg .fallback-tooth{fill:var(--tooth-default);stroke:var(--tooth-stroke);stroke-width:2;transition:all var(--transition-fast)}.fallback-tooth-diagram-svg .fallback-tooth-group:hover .fallback-tooth{fill:var(--tooth-hover);transform-origin:center;transform:scale(1.05)}.fallback-tooth-diagram-svg .fallback-tooth.has-case{fill:var(--procedure-color, var(--color-accent-primary));stroke:var(--color-bg-primary);stroke-width:3}.fallback-tooth-diagram-svg .fallback-tooth-group:hover .fallback-tooth.has-case{filter:brightness(1.2)}.fallback-tooth-diagram-svg .fallback-tooth-number{font-size:11px;font-weight:600;fill:var(--color-text-primary);pointer-events:none}.fallback-instructions{padding:var(--spacing-md);text-align:center;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.fallback-instructions p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.fallback-error{color:var(--color-error);text-align:center;padding:var(--spacing-xl)}.fallback-tooltip{position:fixed;transform:translate(-50%,-100%);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:nowrap;pointer-events:none;z-index:100;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:var(--spacing-sm)}.fallback-tooltip .tooltip-number{font-weight:600;color:var(--color-accent-primary)}.fallback-tooltip .tooltip-name{color:var(--color-text-secondary)}@media(max-width:768px){.webgl-error-modal{max-width:95vw;margin:var(--spacing-md)}.webgl-error-actions{flex-direction:column}.webgl-error-actions button{width:100%;justify-content:center}.fallback-diagram-container{padding:var(--spacing-md)}.fallback-notice{flex-wrap:wrap;font-size:var(--font-size-xs)}.fallback-retry-btn{width:100%;justify-content:center;margin-top:var(--spacing-sm)}}.fallback-main-content{display:flex;flex:1;min-height:0;overflow:hidden}.fallback-diagram-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);overflow:auto}.fallback-tooth-diagram-svg .fallback-tooth.selected{filter:url(#fallback-selected-glow) brightness(1.3);stroke:#fff;stroke-width:3}.fallback-tooth-diagram-svg .arch-label{fill:var(--color-text-primary);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.15em}.fallback-tooth-diagram-svg .side-label{fill:var(--color-text-muted);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.fallback-case-panel{width:320px;min-width:280px;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.fallback-panel-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.fallback-panel-header h3{margin:0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.fallback-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.fallback-panel-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xl) var(--spacing-md)}.fallback-panel-no-case{text-align:center;padding:var(--spacing-md)}.fallback-tooth-info,.fallback-tooth-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.fallback-tooth-header .tooth-badge{background:var(--color-accent-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-sm)}.fallback-tooth-header .tooth-name{color:var(--color-text-primary);font-weight:500}.fallback-tooth-header .case-count{margin-left:auto;color:var(--color-text-muted);font-size:var(--font-size-xs)}.fallback-case-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.fallback-case-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid var(--procedure-color, var(--color-accent-primary))}.fallback-case-card:hover{background:var(--color-bg-secondary);border-color:var(--color-accent-primary);transform:translate(2px)}.case-card-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.case-card-header .procedure-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;text-transform:uppercase;color:#fff}.case-card-header .featured-badge{background:var(--color-warning);color:var(--color-bg-primary);padding:2px 6px;border-radius:var(--radius-sm);font-size:9px;font-weight:600;text-transform:uppercase}.case-card-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.case-card-teeth{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.case-card-teeth .teeth-label{color:var(--color-text-muted)}.case-card-desc{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.fallback-legend{padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-top:var(--spacing-md);max-width:600px}.legend-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.legend-items{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-md)}.legend-items.horizontal{justify-content:center}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.fallback-tooltip .tooltip-case-indicator{color:var(--color-success);font-size:10px;padding-left:var(--spacing-sm);border-left:1px solid var(--color-border);margin-left:var(--spacing-xs)}.viewer-fallback-container{display:flex;flex-direction:column;height:100%;min-height:100vh;background:var(--color-bg-primary)}.viewer-fallback-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#fbbf241a;border-bottom:1px solid rgba(251,191,36,.3);color:var(--color-warning);font-size:var(--font-size-sm)}.viewer-fallback-main{display:flex;flex:1;min-height:0}.viewer-fallback-diagram{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);overflow:auto}.viewer-fallback-panel{width:380px;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.viewer-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.viewer-panel-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.viewer-panel-header .case-count{color:var(--color-text-muted);font-size:var(--font-size-sm)}.viewer-panel-content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.viewer-panel-empty{color:var(--color-text-muted);text-align:center;padding:var(--spacing-xl)}.viewer-case-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.viewer-fallback-legend{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}@media(max-width:900px){.fallback-main-content{flex-direction:column}.fallback-case-panel{width:100%;min-width:100%;max-height:300px;border-left:none;border-top:1px solid var(--color-border)}.viewer-fallback-main{flex-direction:column}.viewer-fallback-panel{width:100%;max-height:40vh;border-left:none;border-top:1px solid var(--color-border)}.fallback-legend{max-width:100%}}@media(max-width:600px){.fallback-case-panel{max-height:250px}.fallback-panel-header{padding:var(--spacing-sm) var(--spacing-md)}.viewer-fallback-diagram{padding:var(--spacing-md)}}.photo-uploader{display:flex;flex-direction:column;gap:var(--spacing-md)}.uploader-dropzone{position:relative;padding:var(--spacing-xl);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);text-align:center;cursor:pointer;transition:all var(--transition-base)}.uploader-dropzone:hover:not(.disabled){border-color:var(--color-accent-primary);background:#6366f10d}.uploader-dropzone.dragover{border-color:var(--color-accent-primary);background:#6366f11a;border-style:solid}.uploader-dropzone.disabled{opacity:.6;cursor:not-allowed}.uploader-input{position:absolute;inset:0;opacity:0;cursor:pointer}.uploader-input:disabled{cursor:not-allowed}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);pointer-events:none}.uploader-dropzone .dropzone-icon{color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.uploader-dropzone.dragover .dropzone-icon{color:var(--color-accent-primary)}.uploader-dropzone .dropzone-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.dropzone-browse{color:var(--color-accent-primary);font-weight:500}.uploader-dropzone .dropzone-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dropzone-count{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-full);margin-top:var(--spacing-sm)}.uploader-progress{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.uploader-progress .progress-bar{height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-sm)}.uploader-progress .progress-fill{height:100%;background:var(--color-accent-gradient);width:100%;animation:progressPulse 1.5s ease-in-out infinite}@keyframes progressPulse{0%,to{opacity:1}50%{opacity:.6}}.progress-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.uploader-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm)}.preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.preview-item img{width:100%;height:100%;object-fit:cover}.preview-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.preview-item:hover .preview-overlay{opacity:1}.preview-delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-error);color:#fff;border-radius:var(--radius-full);transition:transform var(--transition-fast)}.preview-delete:hover{transform:scale(1.1)}.preview-uploading{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.spinner{width:24px;height:24px;border:2px solid transparent;border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-large{width:32px;height:32px;border:3px solid transparent;border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md)}.portfolio-selector{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.selector-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.selector-header h3{font-size:var(--font-size-lg);font-weight:600}.selector-stats{display:flex;gap:var(--spacing-sm)}.stat-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.stat-badge.secondary{background:var(--color-bg-glass);color:var(--color-text-secondary)}.selector-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.selector-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted);text-align:center}.selector-empty svg{margin-bottom:var(--spacing-md);opacity:.5}.selector-content{padding:var(--spacing-lg)}.selector-sections{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.photo-section{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.photo-section .section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.photo-section .section-header h4{font-size:var(--font-size-sm);font-weight:600}.section-count{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full)}.section-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-sm);padding:var(--spacing-sm)}.selector-content .photo-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast)}.selector-content .photo-item:hover{border-color:var(--color-accent-primary)}.selector-content .photo-item.selected{border-color:var(--color-success);box-shadow:0 0 0 2px #22c55e33}.selector-content .photo-item img{width:100%;height:100%;object-fit:cover}.photo-checkbox{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:20px;height:20px;background:#00000080;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.photo-checkbox input{width:14px;height:14px;cursor:pointer}.photo-category-badge{position:absolute;bottom:var(--spacing-xs);left:var(--spacing-xs);padding:2px 6px;font-size:10px;font-weight:600;color:#fff;border-radius:var(--radius-sm)}.photo-type-label{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);padding:2px 4px;font-size:9px;background:#0009;color:#fff;border-radius:2px}.selector-selected{border:1px solid var(--color-success);border-radius:var(--radius-md);padding:var(--spacing-md);background:#22c55e0d}.selector-selected h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-xs)}.selector-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.selected-photos{display:flex;flex-direction:column;gap:var(--spacing-sm)}.selected-photo-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:grab;transition:all var(--transition-fast)}.selected-photo-item:hover{border-color:var(--color-accent-primary)}.selected-photo-item.dragging{opacity:.5;cursor:grabbing}.selected-drag-handle{color:var(--color-text-muted);cursor:grab}.selected-photo-item img{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-sm)}.selected-photo-info{flex:1}.category-select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm)}.selected-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.selected-remove:hover{color:var(--color-error);background:#ef44441a}.selector-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary)}.selector-actions button:disabled{opacity:.5;cursor:not-allowed}.clinical-photos-wrapper{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.section-divider{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.section-divider span{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.section-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.clinical-photo-section{margin-bottom:var(--spacing-sm)}.section-photo-count{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-secondary);padding:2px 8px;border-radius:var(--radius-full);margin-left:auto;margin-right:var(--spacing-sm)}.photo-type-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.photo-type-tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.photo-type-tab:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.photo-type-tab.active{color:var(--color-accent-primary);background:#6366f11a;border-color:var(--color-accent-primary)}.photo-uploader-container{min-height:150px}.portfolio-selector-wrapper{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.text-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.case-detail-notes{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.notes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.notes-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.clinical-notes-sections{display:flex;flex-direction:column;gap:var(--spacing-sm)}.clinical-notes-section{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.clinical-notes-section:hover{border-color:var(--color-border-hover)}.clinical-notes-section.has-content{border-color:#6366f14d}.clinical-notes-section-header{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;cursor:pointer;gap:var(--spacing-sm);text-align:left;transition:background var(--transition-fast)}.clinical-notes-section-header:hover{background:var(--color-bg-secondary)}.clinical-notes-section-header .section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-muted);flex-shrink:0}.clinical-notes-section.has-content .section-icon{background:#6366f11a;color:var(--color-accent-primary)}.clinical-notes-section-header .section-title{flex:1;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.clinical-notes-section-header .section-indicator{font-size:var(--font-size-xs);color:var(--color-accent-primary);padding:2px 8px;background:#6366f11a;border-radius:var(--radius-full)}.clinical-notes-section-header .chevron-icon{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.clinical-notes-section-header[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.clinical-notes-section-content{padding:var(--spacing-md);padding-top:0;display:flex;flex-direction:column;gap:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.clinical-notes-section-content[hidden]{display:none}.clinical-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.clinical-field label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.clinical-field input,.clinical-field textarea{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.clinical-field input:focus,.clinical-field textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #6366f11a}.clinical-field textarea{resize:vertical;min-height:80px}.clinical-field input::placeholder,.clinical-field textarea::placeholder{color:var(--color-text-muted)}#save-clinical-notes-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs)}#save-clinical-notes-btn svg.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.case-detail-panel{display:flex;flex-direction:column;min-height:100%}.case-detail-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:var(--spacing-md)}.case-detail-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.case-detail-header-right,.case-detail-title{display:flex;align-items:center;gap:var(--spacing-sm)}.case-detail-title h2{font-size:var(--font-size-xl);font-weight:600;margin:0}.case-detail-content{flex:1;padding:var(--spacing-lg);overflow-y:auto}.case-detail-info{margin-bottom:var(--spacing-lg)}.case-info-card{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.case-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.case-info-grid .info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.case-info-grid .info-item label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.case-info-grid .info-item span{font-size:var(--font-size-sm);color:var(--color-text-primary)}.case-description{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.case-description label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;display:block;margin-bottom:var(--spacing-xs)}.case-detail-photos{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.photos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.photos-header h3{font-size:var(--font-size-lg);font-weight:600;margin:0}.case-detail-loading,.case-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);color:var(--color-text-muted);text-align:center}.case-detail-error svg{color:var(--color-error)}.case-detail-error h3{color:var(--color-text-primary);margin:0}.case-detail-error p{max-width:400px;margin:0}.case-status-inline{display:inline-block;padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm)}.case-status-inline.status-draft{background:#64748b1a;color:#64748b}.case-status-inline.status-in-progress{background:#3b82f61a;color:#3b82f6}.case-status-inline.status-pending{background:#f59e0b1a;color:#f59e0b}.case-status-inline.status-approved{background:#22c55e1a;color:#22c55e}.case-detail-portfolio{background:linear-gradient(135deg,#6366f10d,#a855f70d);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.portfolio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.portfolio-header h3{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.portfolio-header h3 svg{color:#f59e0b}.portfolio-badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-full)}.portfolio-description{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--spacing-md) 0;line-height:1.5}.portfolio-selector-error{padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);text-align:center}.portfolio-selector-error p{color:var(--color-error);margin:0;font-size:var(--font-size-sm)}:root{--color-surface: var(--color-bg-secondary, #12121a);--color-surface-elevated: var(--color-bg-tertiary, #1a1a25);--color-surface-hover: rgba(255, 255, 255, .05);--color-surface-active: rgba(255, 255, 255, .08);--color-primary: var(--color-accent-primary, #6366f1);--color-primary-subtle: rgba(99, 102, 241, .1);--color-primary-muted: rgba(99, 102, 241, .15);--color-border-subtle: rgba(255, 255, 255, .06);--color-border-section: rgba(255, 255, 255, .08);--header-height: 64px;--sidebar-width: 220px;--sidebar-width-collapsed: 64px;--page-header-min-height: 60px;--page-header-max-height: 80px}.app-body{display:flex;flex:1;overflow:hidden;height:calc(100vh - var(--header-height));min-height:0}.app-logo{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px}.sidebar-nav{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--color-surface);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xl) 0 60px 0;position:relative;transition:width .3s ease,min-width .3s ease}.sidebar-toggle{position:absolute;right:12px;bottom:16px;width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-surface-elevated);border:1px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:101;transition:all .2s ease;color:var(--color-text-muted)}.sidebar-toggle:hover{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.sidebar-toggle svg{width:16px;height:16px;transition:transform .3s ease}.sidebar-nav.collapsed{width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed)}.sidebar-nav.collapsed .nav-section-label{display:none}.sidebar-nav.collapsed .platform-nav-btn{justify-content:center;padding:var(--spacing-sm)}.sidebar-nav.collapsed .platform-nav-btn span{display:none}.sidebar-nav.collapsed .platform-nav-btn.active:before{display:none}.sidebar-nav.collapsed .nav-section{padding:0 var(--spacing-xs)}.sidebar-nav.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-nav.collapsed .sidebar-toggle{right:50%;transform:translate(50%)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.platform-nav{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0;background:transparent;border:none;border-radius:0}.nav-section{display:flex;flex-direction:column;gap:2px;padding:0 var(--spacing-md)}.nav-section+.nav-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-section)}.nav-section-label{font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.8px;padding:var(--spacing-sm) var(--spacing-sm);margin-bottom:var(--spacing-xs);opacity:.7}.platform-nav-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 12px;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap;width:100%;text-align:left;position:relative}.platform-nav-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.platform-nav-btn:hover svg{color:var(--color-text-primary)}.platform-nav-btn.active{background:var(--color-primary-muted);color:var(--color-primary)}.platform-nav-btn.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.platform-nav-btn.active svg{stroke:var(--color-primary)}.platform-nav-btn svg{flex-shrink:0;width:18px;height:18px;color:var(--color-text-muted);transition:color .15s ease}.app-body .main-content{flex:1;overflow-y:auto;overflow-x:hidden;height:100%;min-height:0;display:flex;flex-direction:column}@media(max-width:1024px){.sidebar-nav{width:var(--sidebar-width-collapsed);min-width:var(--sidebar-width-collapsed)}.platform-nav-btn span,.nav-section-label{display:none}.platform-nav-btn{justify-content:center;padding:var(--spacing-sm)}.platform-nav-btn.active:before{display:none}.nav-section{padding:0 var(--spacing-sm)}}@media(max-width:768px){.sidebar-nav{position:fixed;inset:auto 0 0;width:100%;height:auto;min-width:unset;z-index:100;border-right:none;border-top:1px solid var(--color-border);padding:var(--spacing-xs) var(--spacing-sm);flex-direction:row;background:var(--color-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.platform-nav{flex-direction:row;justify-content:space-around;width:100%}.nav-section{flex-direction:row;gap:var(--spacing-xs);padding:0;flex:1;justify-content:space-around}.nav-section+.nav-section{margin-top:0;padding-top:0;border-top:none;border-left:1px solid var(--color-border-subtle);padding-left:var(--spacing-sm)}.nav-section-label{display:none}.platform-nav-btn{flex-direction:column;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);gap:3px;border-radius:var(--radius-md)}.platform-nav-btn.active:before{display:none}.platform-nav-btn.active{background:var(--color-primary-muted)}.platform-nav-btn svg{width:20px;height:20px}.platform-nav-btn span{display:block;font-size:10px;font-weight:500}.app-body{height:calc(100vh - var(--header-height) - 60px);padding-bottom:60px}.app-body .main-content{padding-bottom:0}.sidebar-toggle{display:none}}.page-container{display:none;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;min-height:0;flex:1}.page-container.active{display:flex;flex-direction:column}[data-app-mode=edit] #page-dashboard.active,[data-app-mode=edit] #page-requirements.active,[data-app-mode=edit] #page-patients.active,[data-app-mode=edit] #page-schedule.active{grid-column:1 / -1}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;min-height:var(--page-header-min-height);max-height:var(--page-header-max-height)}.page-header-left{display:flex;flex-direction:column;gap:2px}.page-header-title{font-size:var(--font-size-base);font-weight:600;margin:0;line-height:1.3;color:var(--color-text-primary)}.page-header-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.page-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}#page-dashboard .dashboard-container,#page-requirements .requirements-container,#page-patients .patients-container,#page-schedule .schedule-container{width:100%;height:100%;overflow-y:auto;min-height:0;flex:1;display:flex;flex-direction:column}#page-cases{display:none}#page-cases.active{display:flex}#page-cases .edit-panel.cases-mode{width:320px;min-width:320px;border-right:1px solid var(--color-border);background:var(--color-surface);display:flex;flex-direction:column}#page-cases .case-detail-panel{flex:1;display:flex;flex-direction:column;background:var(--color-bg);overflow-y:auto}#page-cases .case-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary);text-align:center;gap:var(--spacing-md)}#page-cases .case-detail-empty svg{opacity:.3}#page-cases .case-detail-empty p{font-size:var(--font-size-lg)}#page-cases .case-detail-empty span{font-size:var(--font-size-sm);opacity:.7}#page-portfolio{display:none}#page-portfolio.active{display:flex}.dashboard{padding:var(--spacing-lg) var(--spacing-xl);width:100%;min-height:0;flex:1;padding-bottom:2rem}.dashboard::-webkit-scrollbar{width:6px}.dashboard::-webkit-scrollbar-track{background:transparent}.dashboard::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-full)}.dashboard::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:var(--spacing-md);color:var(--color-text-secondary)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;min-height:var(--page-header-min-height);max-height:var(--page-header-max-height)}.dashboard-welcome h1{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin-bottom:2px;letter-spacing:-.02em}.dashboard-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.dashboard-quick-stats{display:flex;gap:var(--spacing-md);align-items:stretch}.quick-stat{text-align:center;padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);min-width:100px;transition:all .2s ease}.quick-stat:hover{background:#ffffff0f;border-color:#ffffff1f}.quick-stat-value{display:block;font-size:1.5rem;font-weight:600;color:var(--color-accent-primary);line-height:1.2}.quick-stat-label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.dashboard{padding:var(--spacing-lg)}}.dashboard-widget{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s ease}.dashboard-widget:hover{border-color:var(--color-border)}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-subtle);background:#ffffff03}.widget-header h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.widget-body{padding:var(--spacing-lg)}.widget-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.widget-empty svg{margin-bottom:var(--spacing-sm);opacity:.4}.widget-success{color:var(--color-success)}.widget-success svg{opacity:1}.progress-overview{display:flex;align-items:center;gap:var(--spacing-xl)}.progress-ring-lg{position:relative;flex-shrink:0}.progress-ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-value{display:block;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.progress-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.progress-ring-bg{stroke:var(--color-bg-tertiary)}.progress-ring-fill{stroke:var(--color-accent-primary);stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-breakdown{flex:1}.breakdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.breakdown-dot{width:8px;height:8px;border-radius:50%}.dot-completed{background:var(--color-success)}.dot-in-progress{background:var(--color-warning)}.dot-not-started{background:var(--color-text-muted)}.breakdown-label{flex:1;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.breakdown-value{font-weight:600;color:var(--color-text-primary)}.progress-summary{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.appointment-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.appointment-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.appointment-date{flex-shrink:0;text-align:center;min-width:60px}.appointment-day{display:block;font-weight:600;color:var(--color-text-primary)}.appointment-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.appointment-details{flex:1}.appointment-patient{display:block;font-weight:500;color:var(--color-text-primary)}.appointment-procedure{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.appointment-status{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);text-transform:capitalize}.status-booked{background:#22c55e33;color:var(--color-success)}.status-pending{background:#f59e0b33;color:var(--color-warning)}.at-risk-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.at-risk-item{padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-warning)}.at-risk-item.high-risk{border-left-color:var(--color-error)}.at-risk-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.at-risk-name{font-weight:500;color:var(--color-text-primary)}.at-risk-progress{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.at-risk-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.at-risk-days.overdue{color:var(--color-error)}.at-risk-bar{height:4px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden}.at-risk-bar-fill{height:100%;background:var(--color-warning);border-radius:var(--radius-full);transition:width .3s ease}.at-risk-item.high-risk .at-risk-bar-fill{background:var(--color-error)}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.quick-action-btn:hover{background:var(--color-bg-glass-light);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.quick-action-btn span{font-size:var(--font-size-sm)}.patients-stats{display:flex;justify-content:space-around}.patient-stat{text-align:center}.patient-stat-value{display:block;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.patient-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.requirements-tracker{height:100%;display:flex;flex-direction:column;min-height:0}.requirements-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:var(--spacing-md);color:var(--color-text-secondary)}.requirements-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:var(--page-header-min-height);max-height:var(--page-header-max-height)}.requirements-title h2{font-size:var(--font-size-base);font-weight:600;margin-bottom:2px}.requirements-count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.requirements-actions{display:flex;gap:var(--spacing-sm);align-items:center}.requirements-filters{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);flex-shrink:0}.filter-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-xs)}.requirements-progress-overview{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-glass);border-bottom:1px solid var(--color-border);flex-shrink:0}.progress-ring-container{position:relative;width:60px;height:60px;flex-shrink:0}.progress-ring-container svg{width:60px;height:60px}.progress-ring-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.progress-percent{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.progress-text{font-size:9px;color:var(--color-text-muted)}.progress-stats{display:flex;gap:var(--spacing-lg)}.stat-item{text-align:center}.stat-value{display:block;font-size:var(--font-size-base);font-weight:600}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.stat-completed .stat-value{color:var(--color-success)}.stat-in-progress .stat-value{color:var(--color-warning)}.stat-not-started .stat-value{color:var(--color-text-muted)}.requirements-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted);gap:var(--spacing-md)}.requirements-categories{flex:1;overflow-y:auto;padding:var(--spacing-md);min-height:0;padding-bottom:2rem}.requirement-category{margin-bottom:var(--spacing-md);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.category-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;background:var(--color-bg-tertiary)}.category-info{flex:1;display:flex;align-items:baseline;gap:var(--spacing-sm)}.category-name{font-weight:600;color:var(--color-text-primary)}.category-progress{font-size:var(--font-size-sm);color:var(--color-text-muted)}.category-bar{flex:1;height:6px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden;max-width:200px}.category-bar-fill{height:100%;background:var(--color-accent-primary);border-radius:var(--radius-full);transition:width .3s ease}.category-percent{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);min-width:40px;text-align:right}.category-requirements{padding:var(--spacing-sm)}.category-requirements.collapsed{display:none}.requirement-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:background var(--transition-fast)}.requirement-item:hover{background:var(--color-bg-glass-light)}.requirement-main{flex:1}.requirement-info{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--spacing-xs)}.requirement-name{font-weight:500;color:var(--color-text-primary)}.requirement-subcategory{font-size:var(--font-size-xs);color:var(--color-text-muted)}.requirement-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.requirement-bar{flex:1;height:4px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden;max-width:150px}.requirement-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.requirement-bar-fill.status-not-started{background:var(--color-text-muted)}.requirement-bar-fill.status-in-progress,.requirement-bar-fill.status-near-complete{background:var(--color-warning)}.requirement-bar-fill.status-completed,.requirement-bar-fill.status-exceeded{background:var(--color-success)}.requirement-count{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:40px}.requirement-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.requirement-status{color:var(--color-text-muted)}.requirement-status svg{display:block}.status-completed .requirement-status,.status-exceeded .requirement-status{color:var(--color-success)}.status-in-progress .requirement-status,.status-near-complete .requirement-status{color:var(--color-warning)}.requirement-deadline{display:flex}.deadline-overdue{color:var(--color-error)}.deadline-urgent{color:var(--color-warning)}.deadline-soon{color:var(--color-text-muted)}.requirement-remaining{font-size:var(--font-size-xs);color:var(--color-text-muted)}.requirement-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.requirement-item:hover .requirement-actions{opacity:1}.view-mode-toggle{display:flex;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:2px;margin-right:var(--spacing-sm)}.view-mode-toggle .toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.view-mode-toggle .toggle-btn:hover{color:var(--color-text-secondary)}.view-mode-toggle .toggle-btn.active{background:var(--color-accent-primary);color:#fff}.view-mode-toggle .toggle-btn svg{width:14px;height:14px}.requirement-cdt{display:inline-block;padding:2px 6px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-accent-primary);margin-left:var(--spacing-xs)}.requirement-point-value{font-size:var(--font-size-xs);color:var(--color-accent-primary);background:var(--color-primary-subtle);padding:2px 6px;border-radius:var(--radius-sm);font-weight:500}.stat-points-earned .stat-value{color:var(--color-success)}.stat-points-target .stat-value{color:var(--color-accent-primary)}.stat-points-remaining .stat-value{color:var(--color-warning)}.requirement-info{flex-wrap:wrap}.requirements-overview{height:100%;display:flex;flex-direction:column;min-height:0}.overview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:var(--spacing-md);color:var(--color-text-secondary)}.overview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:var(--page-header-min-height);max-height:var(--page-header-max-height)}.overview-title h2{font-size:var(--font-size-base);font-weight:600;margin-bottom:2px}.overview-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.overview-actions{display:flex;gap:var(--spacing-sm);align-items:center}.overview-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-glass);border-bottom:1px solid var(--color-border);flex-shrink:0}.summary-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.summary-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md)}.summary-sufficient .summary-icon{background:#22c55e26;color:var(--color-success)}.summary-partial .summary-icon{background:#fbbf2426;color:var(--color-warning)}.summary-none .summary-icon{background:#ef444426;color:var(--color-error)}.summary-planned .summary-icon{background:#6366f126;color:var(--color-accent-primary)}.summary-content{display:flex;flex-direction:column}.summary-value{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.overview-categories{flex:1;overflow-y:auto;padding:var(--spacing-md);min-height:0;padding-bottom:2rem}.overview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted);gap:var(--spacing-md)}.overview-category{margin-bottom:var(--spacing-md);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.overview-category-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;background:var(--color-bg-tertiary);transition:background var(--transition-fast)}.overview-category-header:hover{background:var(--color-surface-hover)}.category-expand-icon{color:var(--color-text-muted);transition:transform .2s ease}.overview-category.expanded .category-expand-icon{transform:rotate(180deg)}.overview-category-header .category-info{flex:1}.overview-category-header .category-name{font-weight:600;color:var(--color-text-primary)}.overview-category-header .category-stats{font-size:var(--font-size-sm);color:var(--color-text-muted)}.category-progress-bar{width:150px;height:6px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden}.category-progress-bar .progress-fill{height:100%;background:var(--color-accent-primary);border-radius:var(--radius-full);transition:width .3s ease}.overview-category-content{display:none;padding:var(--spacing-sm)}.overview-category.expanded .overview-category-content{display:block}.overview-requirement{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:background var(--transition-fast)}.overview-requirement:hover{background:var(--color-bg-glass-light)}.requirement-row{display:grid;grid-template-columns:2fr 1fr 1fr 140px;gap:var(--spacing-md);align-items:center}.requirement-name-col{display:flex;flex-direction:column;gap:2px}.requirement-name-col .requirement-name{font-weight:500;color:var(--color-text-primary)}.requirement-name-col .requirement-subcategory{font-size:var(--font-size-xs);color:var(--color-text-muted)}.requirement-progress-col{display:flex;flex-direction:column;gap:4px}.requirement-progress-col .progress-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.progress-mini-bar{width:100%;height:4px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden}.progress-mini-bar .progress-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.progress-mini-bar .progress-complete{background:var(--color-success)}.progress-mini-bar .progress-near{background:var(--color-warning)}.progress-mini-bar .progress-started{background:var(--color-accent-primary)}.progress-mini-bar .progress-none{background:var(--color-text-muted)}.requirement-gap-col{font-size:var(--font-size-sm)}.gap-needed{color:var(--color-warning)}.gap-complete{color:var(--color-success)}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.status-badge svg{flex-shrink:0}.status-badge.status-complete,.status-badge.status-sufficient{background:#22c55e26;color:var(--color-success)}.status-badge.status-partial{background:#fbbf2426;color:var(--color-warning)}.status-badge.status-none{background:#ef444426;color:var(--color-error)}.requirement-patients{display:flex;align-items:center;gap:var(--spacing-xs);padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid var(--color-border-subtle);flex-wrap:wrap}.patients-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-right:var(--spacing-xs)}.patient-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.patient-chip:hover{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.patient-chip .patient-count{color:var(--color-text-muted)}.patient-chip:hover .patient-count{color:#ffffffb3}.patients-more{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:1024px){.overview-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.overview-summary{grid-template-columns:1fr}.requirement-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.requirement-status-col{order:-1}.overview-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.overview-actions{width:100%;justify-content:space-between}}.patient-manager{height:100%;display:flex;flex-direction:column;min-height:0}.patients-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:var(--spacing-md);color:var(--color-text-secondary)}.patients-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:var(--page-header-min-height);max-height:var(--page-header-max-height)}.patients-title h2{font-size:var(--font-size-base);font-weight:600;margin-bottom:2px}.patients-count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.patients-filters{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);align-items:center;flex-shrink:0}.search-input-wrapper{flex:1;position:relative;max-width:400px}.search-input-wrapper svg{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-text-muted);width:16px;height:16px}.search-input{width:100%;padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) 32px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.search-input:focus{outline:none;border-color:var(--color-accent-primary)}.toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.patients-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted);gap:var(--spacing-md)}.patients-list{flex:1;overflow-y:auto;padding:var(--spacing-md);display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);align-content:start;min-height:0;padding-bottom:2rem}.patient-card{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:visible;transition:border-color var(--transition-fast);display:flex;flex-direction:column}.patient-card:hover{border-color:var(--color-border-hover)}.patient-card.archived{opacity:.7}.patient-card-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.patient-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);color:#fff}.patient-identity{flex:1}.patient-code{display:block;font-weight:600;color:var(--color-text-primary)}.patient-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full)}.badge-archived{background:var(--color-bg-secondary);color:var(--color-text-muted)}.patient-card-body{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.patient-meta{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.meta-item{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.meta-item strong{color:var(--color-text-primary)}.patient-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.tag{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.tag-medical{background:#ef44441a;color:var(--color-error)}.tag-more{background:var(--color-bg-secondary)}.patient-reliability{display:flex;align-items:center;gap:var(--spacing-sm)}.reliability-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.reliability-stars{display:flex;gap:2px}.star{color:var(--color-warning)}.star-empty{color:var(--color-text-muted)}.patient-card-actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-top:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);cursor:pointer}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-primary{background:var(--color-accent-gradient);color:#fff;border:none}.btn-primary:hover{opacity:.9}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-glass-light);border-color:var(--color-border-hover)}.btn-danger{background:var(--color-error);color:#fff;border:none}.btn-danger:hover{opacity:.9}.btn-warning{background:var(--color-warning);color:#fff;border:none}.btn-success{background:var(--color-success);color:#fff;border:none}.btn-link{background:none;border:none;color:var(--color-accent-primary);font-size:var(--font-size-sm);padding:0;cursor:pointer}.btn-link:hover{text-decoration:underline}.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--color-bg-tertiary);color:var(--color-accent-primary)}.form-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent-primary)}.form-group textarea{resize:vertical;min-height:60px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-help{font-size:var(--font-size-xs);color:var(--color-text-muted)}.input-readonly{background:var(--color-bg-secondary);cursor:not-allowed}.range-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent-primary);margin-left:var(--spacing-sm)}.alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.alert-info{background:#6366f11a;color:var(--color-accent-primary)}.alert-warning{background:#f59e0b1a;color:var(--color-warning)}.alert-error{background:#ef44441a;color:var(--color-error)}.info-box{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.info-box svg{flex-shrink:0;margin-top:2px}.info-box-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--color-warning)}.modal-md{width:500px;max-width:90vw}.modal-lg{width:700px;max-width:90vw}.modal-sm{width:400px;max-width:90vw}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.modal-header h2,.modal-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer}.modal-close:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.modal-body,.modal-content{padding:var(--spacing-lg);overflow-y:auto;max-height:calc(80vh - 180px)}.modal-body p,.modal-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.modal-body p strong,.modal-content p strong{color:var(--color-text-primary)}.modal-footer,.modal-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);gap:var(--spacing-sm)}.modal-footer-right,.form-actions{display:flex;gap:var(--spacing-sm);margin-left:auto}.modal-footer:not(:has(.btn-danger)):not(:has(.btn-warning)){justify-content:flex-end}.modal-form{padding:var(--spacing-lg)}.modal-form .form-group{margin-bottom:var(--spacing-md)}.modal-form .form-group:last-child{margin-bottom:0}.modal-form .form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.modal-form .form-group input,.modal-form .form-group select,.modal-form .form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.modal-form .form-group input:hover,.modal-form .form-group select:hover,.modal-form .form-group textarea:hover{border-color:var(--color-border-hover)}.modal-form .form-group input:focus,.modal-form .form-group select:focus,.modal-form .form-group textarea:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #6366f126}.modal-form .form-group input::placeholder,.modal-form .form-group textarea::placeholder{color:var(--color-text-muted)}.modal-form .form-group select option{background:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.modal-form .form-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.modal .btn-primary,.modal .btn-secondary,.modal .btn-danger,.modal .btn-warning,.modal .btn-success,.modal [class*=btn-primary],.modal [class*=btn-secondary]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;min-height:40px}.modal .btn-primary,.modal [class*=btn-primary]{background:var(--color-accent-gradient);color:#fff}.modal .btn-primary:hover,.modal [class*=btn-primary]:hover{opacity:.9;transform:translateY(-1px)}.modal .btn-secondary,.modal [class*=btn-secondary]{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.modal .btn-secondary:hover,.modal [class*=btn-secondary]:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.modal .btn-danger{background:var(--color-error);color:#fff}.modal .btn-danger:hover{opacity:.9}.modal .btn-warning{background:var(--color-warning);color:#fff}.modal .btn-warning:hover{opacity:.9}.modal .btn-success{background:var(--color-success);color:#fff}.modal .btn-success:hover{opacity:.9}.btn-block{width:100%}.btn-text-only{background:transparent;border:none;color:var(--color-accent-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.btn-text-only:hover{color:var(--color-accent-secondary)}.btn-primary .btn-text,.btn-primary>.btn-text{color:inherit;padding:0;background:none}.import-loading,.import-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);gap:var(--spacing-md)}.modal input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color-accent-primary)}.modal input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-bg-secondary);border-radius:var(--radius-full);outline:none}.modal input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-accent-primary);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.modal input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.modal input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--color-accent-primary);border-radius:50%;cursor:pointer;border:none}@media(max-width:768px){.modal-md,.modal-lg,.modal-sm{width:95vw;max-width:none;margin:var(--spacing-md)}.modal-body,.modal-content,.modal-form{padding:var(--spacing-md);max-height:calc(85vh - 160px)}.modal-header{padding:var(--spacing-md)}.modal-header h2,.modal-header h3{font-size:var(--font-size-base)}.modal-footer,.modal-actions{padding:var(--spacing-md);flex-direction:column-reverse;gap:var(--spacing-sm)}.modal-footer .btn,.modal-actions .btn-primary,.modal-actions .btn-secondary,.modal-footer-right{width:100%}.modal-footer-right,.form-actions{flex-direction:column-reverse;width:100%}.modal-footer-right .btn,.form-actions button{width:100%}.modal-form .form-row{grid-template-columns:1fr}.modal-footer .btn-danger,.modal-footer .btn-warning{order:2}}.import-controls{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.import-templates{max-height:400px;overflow-y:auto}.import-category{margin-bottom:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.import-category-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.import-category-header label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-weight:500}.import-category-items{padding:var(--spacing-sm)}.import-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm)}.import-item:hover{background:var(--color-bg-glass-light)}.template-name{flex:1;font-size:var(--font-size-sm)}.template-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s linear infinite}.hidden{display:none!important}.text-muted{color:var(--color-text-muted)}.treatment-plan-manager{height:100%}.treatment-plan-upload{padding:var(--spacing-lg)}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-2xl);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-glass);transition:all .2s ease;text-align:center;color:var(--color-text-muted)}.upload-area:hover,.upload-area.drag-over{border-color:var(--color-accent-primary);background:var(--color-primary-subtle)}.upload-area svg{color:var(--color-text-muted)}.upload-area p{font-size:var(--font-size-md);color:var(--color-text-secondary)}.upload-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.upload-parsing{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.upload-tips{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.upload-tips h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.upload-tips ul{list-style:none;padding:0;margin:0}.upload-tips li{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-xs) 0}.treatment-plan-results{padding:var(--spacing-lg)}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.results-file{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.results-file .file-name{font-weight:500}.plan-summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.plan-summary-cards .summary-card{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.plan-summary-cards .summary-value{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.plan-summary-cards .summary-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.plan-summary-cards .summary-success .summary-value{color:var(--color-success)}.plan-summary-cards .summary-warning .summary-value{color:var(--color-warning)}.plan-summary-cards .summary-primary .summary-value{color:var(--color-accent-primary)}.plan-errors{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}.error-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-error)}.error-item svg{flex-shrink:0;margin-top:2px}.plan-section{margin-bottom:var(--spacing-lg)}.plan-section h4{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.no-matches{color:var(--color-text-muted);font-style:italic}.requirement-matches{display:flex;flex-direction:column;gap:var(--spacing-sm)}.match-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.match-info{display:flex;flex-direction:column;gap:2px}.match-name{font-weight:500;color:var(--color-text-primary)}.match-category{font-size:var(--font-size-xs);color:var(--color-text-muted)}.match-stats{display:flex;gap:var(--spacing-md)}.match-count{font-size:var(--font-size-sm);color:var(--color-success)}.match-points{font-size:var(--font-size-sm);color:var(--color-accent-primary);font-weight:500}.procedure-list{max-height:400px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.procedure-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.procedure-table th,.procedure-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.procedure-table th{background:var(--color-bg-tertiary);font-weight:600;color:var(--color-text-secondary);position:sticky;top:0;z-index:1}.procedure-table tr.matched{background:#22c55e0d}.procedure-table tr.unmatched{opacity:.7}.procedure-table .code-cell{font-family:var(--font-mono);color:var(--color-accent-primary)}.procedure-table .points-cell{font-weight:500}.match-badge{display:inline-block;padding:2px 8px;background:var(--color-success);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.no-match-badge{display:inline-block;padding:2px 8px;background:var(--color-bg-secondary);color:var(--color-text-muted);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}@media(max-width:768px){.plan-summary-cards{grid-template-columns:repeat(2,1fr)}.procedure-table{font-size:var(--font-size-xs)}.procedure-table th,.procedure-table td{padding:var(--spacing-xs) var(--spacing-sm)}}.schedule-manager{padding:var(--spacing-md) var(--spacing-lg);height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:var(--page-header-min-height);max-height:var(--page-header-max-height)}.schedule-title-section h1{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.schedule-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.schedule-actions{display:flex;gap:var(--spacing-sm)}.schedule-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-shrink:0}.schedule-nav{display:flex;align-items:center;gap:var(--spacing-sm)}.schedule-current-date{font-weight:600;color:var(--color-text-primary);min-width:200px;text-align:center}.schedule-view-toggle{display:flex;background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:2px;border:1px solid var(--color-border)}.view-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.view-btn:hover{color:var(--color-text-primary)}.view-btn.active{background:var(--color-primary);color:#fff}.schedule-content{display:flex;gap:var(--spacing-md);flex:1;overflow:hidden;min-height:0}.schedule-sidebar{width:220px;min-width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding-bottom:var(--spacing-lg);min-height:0}.schedule-legend,.schedule-share-section,.schedule-upcoming{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.schedule-legend h3,.schedule-share-section h3,.schedule-upcoming h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.legend-color{width:12px;height:12px;border-radius:var(--radius-sm)}.share-description{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.upcoming-list{max-height:200px;overflow-y:auto}.upcoming-slot{display:flex;justify-content:space-between;padding:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-bg);margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm)}.slot-date{color:var(--color-text-primary)}.slot-time{color:var(--color-text-muted)}.schedule-calendar{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;min-width:0}.calendar-grid{height:100%;display:flex;flex-direction:column;min-height:0}.calendar-header{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated)}.time-column-header{width:60px;min-width:60px}.day-header{flex:1;text-align:center;padding:var(--spacing-md);border-left:1px solid var(--color-border)}.day-header.today{background:var(--color-primary-subtle)}.day-name{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.day-number{display:block;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.day-header.today .day-number{color:var(--color-primary)}.calendar-body{display:flex;flex:1;overflow-y:auto;min-height:0}.calendar-body .time-column,.calendar-body .day-column{min-height:600px}.time-column{width:60px;min-width:60px;border-right:1px solid var(--color-border)}.time-slot{height:50px;display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.day-column{flex:1;position:relative;border-left:1px solid var(--color-border)}.day-column.today{background:var(--color-primary-subtle)}.hour-cell{height:50px;border-bottom:1px solid var(--color-border-subtle)}.hour-cell:hover{background:var(--color-surface-hover);cursor:pointer}.schedule-block{position:absolute;left:4px;right:4px;border-radius:var(--radius-sm);padding:var(--spacing-xs);font-size:var(--font-size-xs);overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.schedule-block:hover{transform:scale(1.02);box-shadow:var(--shadow-md);z-index:10}.schedule-block-patient_care{background:var(--color-success);color:#fff}.schedule-block-requirements{background:var(--color-primary);color:#fff}.schedule-block-lab{background:var(--color-warning);color:var(--color-text-primary)}.schedule-block-other{background:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-primary)}.block-title{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-time{display:block;opacity:.8;font-size:10px}.import-instructions{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.file-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all .2s ease}.file-upload-zone:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.file-upload-zone p{color:var(--color-text-secondary)}.import-preview h4{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-md)}.import-events-list{max-height:200px;overflow-y:auto}.import-event{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);cursor:pointer}.import-event:hover{background:var(--color-surface-hover)}.import-event .event-title{flex:1;font-size:var(--font-size-sm)}.import-event .event-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.module-coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--color-text-secondary);gap:var(--spacing-md)}.module-coming-soon svg{opacity:.3}.module-coming-soon h2{font-size:var(--font-size-xl);color:var(--color-text-primary)}.module-coming-soon p{max-width:400px}.file-upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-bg-secondary)}.file-upload-zone:hover{border-color:var(--color-accent-primary);background:var(--color-primary-subtle)}.file-upload-zone:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #6366f126}.file-upload-zone svg{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.file-upload-zone p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.file-upload-zone.dragover{border-color:var(--color-accent-primary);background:var(--color-primary-subtle)}.import-preview{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.import-preview h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.import-instructions{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6;margin-bottom:var(--spacing-lg)}.empty-state{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-md)}.modal-body::-webkit-scrollbar,.modal-content::-webkit-scrollbar,.modal-form::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track,.modal-form::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb,.modal-form::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover,.modal-form::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.modal input[type=date],.modal input[type=time]{color-scheme:dark}.modal button:disabled,.modal .btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@keyframes modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal{animation:modal-appear .2s ease-out}.modal button:focus-visible,.modal input:focus-visible,.modal select:focus-visible,.modal textarea:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.modal-overlay:before{content:"";position:absolute;inset:0;cursor:pointer;pointer-events:none}.requirements-modal .category-checkbox,.requirements-modal .template-checkbox{flex-shrink:0}.info-box-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:var(--color-text-primary)}.info-box-warning svg{color:var(--color-warning);flex-shrink:0}.info-box-warning span{color:var(--color-text-secondary)}.modal-form .form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.modal-sm .modal-body{text-align:center}.modal-sm .modal-body p{margin-bottom:var(--spacing-sm)}.modal-sm .modal-body p:last-child{margin-bottom:0}.modal-sm .modal-footer{justify-content:center}.modal-sm .modal-body .text-muted{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:768px){.modal button,.modal .btn{min-height:44px;min-width:44px}.file-upload-zone{padding:var(--spacing-xl)}.file-upload-zone svg{width:32px;height:32px}.import-templates{max-height:300px}.schedule-manager .modal-form .form-row{grid-template-columns:1fr}.modal-form .form-group{margin-bottom:var(--spacing-sm)}.schedule-sidebar{display:none}.schedule-content{flex-direction:column}.schedule-calendar{width:100%}}@media(prefers-contrast:high){.modal,.modal-header,.modal-footer,.modal input,.modal select,.modal textarea{border-width:2px}}@media(prefers-reduced-motion:reduce){.modal,.modal-overlay{animation:none}.modal button,.modal input,.modal select{transition:none}}.cases-container{height:100%;overflow:hidden}.case-manager{display:flex;flex-direction:column;height:100%;overflow:hidden}.cases-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.cases-title h2{font-size:var(--font-size-xl);font-weight:600;margin:0}.cases-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.cases-filters{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.filter-select{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer}.case-layout{display:grid;grid-template-columns:350px 1fr;flex:1;min-height:0;overflow:hidden}.case-list-panel{border-right:1px solid var(--color-border);overflow-y:auto;background:var(--color-bg-secondary)}.case-detail-panel{overflow-y:auto;background:var(--color-bg-primary)}.cases-list{display:flex;flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-sm)}.case-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all .2s ease}.case-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.case-card.selected{border-color:var(--color-accent-primary);background:var(--color-primary-subtle)}.case-card.in-portfolio{border-left:3px solid var(--color-accent-primary)}.case-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.case-procedure-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.case-title{font-weight:500;font-size:var(--font-size-sm);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio-badge{color:var(--color-accent-primary);flex-shrink:0}.case-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.case-patient{color:var(--color-text-secondary)}.case-status{padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:500;text-transform:uppercase}.status-draft{background:#94a3b833;color:#94a3b8}.status-in-progress{background:#3b82f633;color:#3b82f6}.status-pending{background:#f59e0b33;color:#f59e0b}.status-approved{background:#22c55e33;color:#22c55e}.status-archived{background:#94a3b81a;color:#64748b}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:var(--spacing-xs);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:50%;font-size:10px;font-weight:600;color:var(--color-text-muted);cursor:help;transition:all .2s ease;vertical-align:middle}.help-icon:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.case-status[title]{cursor:help}.case-card-teeth{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.tooth-badge{background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.tooth-more{color:var(--color-text-muted);font-size:var(--font-size-xs)}.case-card-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.case-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);text-align:center;padding:var(--spacing-xl)}.case-detail-empty svg{opacity:.3;margin-bottom:var(--spacing-md)}.case-detail{display:flex;flex-direction:column;height:100%}.case-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.case-detail-header h3{font-size:var(--font-size-lg);font-weight:600;margin:0}.case-detail-actions{display:flex;gap:var(--spacing-sm)}.case-detail-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.detail-section{margin-bottom:var(--spacing-xl)}.detail-section h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-item label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.detail-item span{font-size:var(--font-size-sm)}.complexity-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.complexity-simple{background:#22c55e33;color:#22c55e}.complexity-moderate{background:#f59e0b33;color:#f59e0b}.complexity-complex{background:#ef444433;color:#ef4444}.procedure-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;background:color-mix(in srgb,var(--procedure-color) 20%,transparent);color:var(--procedure-color)}.case-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.category-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-category{background:var(--color-primary-subtle);color:var(--color-accent-primary);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.requirement-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.requirement-link-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.req-name{font-size:var(--font-size-sm)}.req-status{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-sm)}.case-detail-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.cases-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);height:300px}.cases-empty svg{opacity:.3;margin-bottom:var(--spacing-md)}.cases-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:var(--spacing-md)}.checkbox-group{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.checkbox-group label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;cursor:pointer}@media(max-width:900px){.case-layout{grid-template-columns:1fr}.case-list-panel{border-right:none;border-bottom:1px solid var(--color-border);max-height:300px}.case-detail-panel{min-height:400px}}@media(max-width:600px){.cases-filters{flex-direction:column}.detail-grid{grid-template-columns:1fr}}.patient-manager.patient-detail-mode{display:flex;flex-direction:column;height:100%;overflow:hidden}.patient-detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface);gap:var(--spacing-lg);flex-shrink:0}.patient-detail-title{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.patient-avatar-lg{width:48px;height:48px;font-size:var(--font-size-lg)}.patient-title-info h2{font-size:var(--font-size-xl);font-weight:600;margin:0;color:var(--color-text-primary)}.patient-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.patient-detail-actions{display:flex;gap:var(--spacing-sm)}.patient-detail-layout{display:grid;grid-template-columns:280px 1fr;flex:1;min-height:0;overflow:hidden}.patient-info-panel{background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--spacing-lg)}.patient-cases-panel{background:var(--color-bg);overflow-y:auto;padding:var(--spacing-lg)}.patient-info-card{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.patient-info-card h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.patient-info-card .info-item{display:flex;flex-direction:column;gap:2px}.patient-info-card .info-item label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.patient-info-card .info-item span{font-size:var(--font-size-sm);color:var(--color-text-primary);text-transform:capitalize}.info-section{margin-bottom:var(--spacing-md)}.info-section label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.medical-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.patient-notes{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.info-stats{display:flex;justify-content:space-around;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-border)}.info-stats .stat-item{text-align:center}.info-stats .stat-value{display:block;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.info-stats .stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.patient-cases-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.patient-cases-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.patient-cases-header .cases-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.patient-cases-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.patient-case-card{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.patient-case-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.patient-case-card.selected{border-color:var(--color-accent-primary);background:var(--color-primary-subtle)}.case-card-main{flex:1;min-width:0}.patient-case-card .case-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.patient-case-card .case-title{font-weight:500;font-size:var(--font-size-base);color:var(--color-text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patient-case-card .case-card-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.patient-case-card .case-status{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-sm);font-weight:500}.patient-case-card .tooth-badge{font-size:var(--font-size-xs);padding:2px 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.patient-case-card .case-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.case-description-preview{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4;margin:0}.patient-case-card .case-card-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0;opacity:0;transition:opacity .2s ease}.patient-case-card:hover .case-card-actions{opacity:1}.patient-cases-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted)}.patient-cases-empty svg{opacity:.3;margin-bottom:var(--spacing-md)}.patient-cases-empty h4{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.patient-cases-empty p{font-size:var(--font-size-sm);margin:0}@media(max-width:900px){.patient-detail-layout{grid-template-columns:1fr}.patient-info-panel{border-right:none;border-bottom:1px solid var(--color-border);max-height:200px}}@media(max-width:600px){.patient-detail-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.patient-detail-title{width:100%}.patient-detail-actions{width:100%;justify-content:flex-end}.info-grid{grid-template-columns:1fr}}.patient-case-card .status-draft{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.patient-case-card .status-in-progress{background:#3b82f626;color:#3b82f6}.patient-case-card .status-pending{background:#f59e0b26;color:#f59e0b}.patient-case-card .status-approved{background:#22c55e26;color:#22c55e}.patient-case-card .status-archived{background:#64748b26;color:#64748b}.case-procedure-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.portfolio-badge{color:#f59e0b;display:flex;align-items:center}.cases-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}.modal-footer-right{display:flex;gap:var(--spacing-sm);margin-left:auto}.cdt-codes-modal .modal-xl{max-width:1000px;width:95%;max-height:90vh;display:flex;flex-direction:column}.cdt-codes-modal .modal-body{flex:1;overflow:hidden;padding:0}.cdt-codes-manager{display:flex;flex-direction:column;height:100%}.cdt-codes-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.cdt-codes-header h2{font-size:var(--font-size-lg);font-weight:600;margin:0 0 var(--spacing-xs) 0}.cdt-codes-header .header-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.cdt-codes-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap}.toolbar-filters{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.toolbar-filters .form-select{min-width:150px}.toolbar-filters .search-wrapper{position:relative}.toolbar-filters .search-wrapper svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.toolbar-filters .search-wrapper .form-input{padding-left:34px;min-width:200px}.toolbar-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.cdt-codes-table-wrapper{flex:1;overflow:auto;padding:var(--spacing-md) var(--spacing-lg)}.cdt-codes-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.cdt-codes-table th,.cdt-codes-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.cdt-codes-table th{font-weight:600;color:var(--color-text-secondary);background:var(--color-surface);position:sticky;top:0;z-index:1}.cdt-codes-table tr:hover{background:var(--color-surface-hover)}.cdt-codes-table tr.has-custom{background:#3b82f60d}.cdt-codes-table .col-code{width:90px}.cdt-codes-table .col-description{width:40%}.cdt-codes-table .col-category{width:20%}.cdt-codes-table .col-points{width:100px;text-align:center}.cdt-codes-table .col-actions{width:80px;text-align:center}.code-badge{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:600;padding:2px 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-primary)}.category-text{display:block;color:var(--color-text-primary)}.subcategory-text{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted)}.point-value{font-weight:500}.point-value.custom{color:#3b82f6}.point-input{width:70px;text-align:center;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-surface)}.point-input:focus{outline:none;border-color:var(--color-accent-primary)}.cdt-codes-table .btn-icon{padding:4px;opacity:.6}.cdt-codes-table .btn-icon:hover{opacity:1}.cdt-codes-table tr:hover .btn-icon{opacity:.8}.btn-save{color:#22c55e}.btn-cancel{color:#ef4444}.btn-reset{color:#f59e0b}.cdt-codes-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-surface)}.codes-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.cdt-codes-loading,.cdt-codes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.cdt-codes-empty svg{opacity:.3;margin-bottom:var(--spacing-md)}@media(max-width:768px){.cdt-codes-toolbar{flex-direction:column;align-items:stretch}.toolbar-filters{flex-direction:column}.toolbar-filters .form-select,.toolbar-filters .search-wrapper .form-input{width:100%;min-width:unset}.toolbar-actions{justify-content:flex-end}.cdt-codes-table .col-category{display:none}}.schedule-requirement-impact{margin-top:var(--spacing-lg)}.schedule-requirement-impact h3{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.schedule-requirement-impact h3 .btn-icon{padding:4px;opacity:.6}.schedule-requirement-impact h3 .btn-icon:hover{opacity:1}.requirement-impact-content{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border)}.requirement-impact-content .empty-state,.requirement-impact-content .loading-state{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin:0;padding:var(--spacing-sm) 0}.impact-summary{margin-bottom:var(--spacing-md)}.impact-stat-row{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.impact-stat-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-success)}.impact-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.impact-note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0 0}.impact-categories,.impact-requirements{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-subtle)}.impact-categories h4,.impact-requirements h4{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--spacing-sm) 0}.impact-category-list,.impact-requirement-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.impact-category-item,.impact-requirement-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.impact-category-item .category-name,.impact-requirement-item .requirement-name{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.impact-category-item .category-points,.impact-requirement-item .requirement-count{font-size:var(--font-size-xs);font-weight:600;color:var(--color-success);background:#22c55e1a;padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.impact-more{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:var(--spacing-xs) 0 0 0}.schedule-block .requirement-badge{display:inline-flex;align-items:center;gap:2px;background:#22c55e26;color:var(--color-success);font-size:9px;font-weight:600;padding:2px 4px;border-radius:var(--radius-sm);margin-top:2px}.schedule-block .requirement-badge svg{width:10px;height:10px}.appointment-card.has-requirement-impact{border-left:3px solid var(--color-success)}.appointment-impact-preview{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.appointment-impact-tag{display:inline-flex;align-items:center;gap:2px;background:#22c55e1a;color:var(--color-success);font-size:var(--font-size-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.appointment-impact-tag .points{font-weight:600}.upcoming-slot.has-impact{position:relative}.upcoming-slot.has-impact:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--color-success);border-radius:50%}.schedule-filter-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.schedule-filter-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.schedule-filter-btn.active{background:#22c55e1a;border-color:var(--color-success);color:var(--color-success)}.schedule-filter-btn svg{width:14px;height:14px}.dashboard-schedule-impact{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.dashboard-schedule-impact .widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.dashboard-schedule-impact .widget-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.dashboard-schedule-impact .widget-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none}.dashboard-schedule-impact .widget-link:hover{text-decoration:underline}.dashboard-schedule-impact .impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.dashboard-schedule-impact .impact-metric{text-align:center;padding:var(--spacing-md);background:var(--color-surface-elevated);border-radius:var(--radius-md)}.dashboard-schedule-impact .metric-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.dashboard-schedule-impact .metric-value.highlight{color:var(--color-success)}.dashboard-schedule-impact .metric-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}@media(max-width:768px){.schedule-requirement-impact{margin-top:var(--spacing-md)}.dashboard-schedule-impact .impact-grid{grid-template-columns:1fr}.impact-category-item .category-name,.impact-requirement-item .requirement-name{max-width:60%}}.dashboard-impact-summary{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.dashboard-impact-summary .impact-highlight{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-success);font-size:var(--font-size-sm)}.dashboard-impact-summary .impact-highlight svg{flex-shrink:0}.dashboard-impact-summary .impact-highlight strong{font-weight:700}.dashboard-impact-summary .impact-categories-inline{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.dashboard-impact-summary .category-tag{display:inline-block;background:#ffffff1a;color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:2px var(--spacing-xs);border-radius:var(--radius-sm)}.dashboard-impact-summary .more-tag{display:inline-block;color:var(--color-text-muted);font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}.photo-uploader{position:relative;width:100%}.photo-uploader__dropzone{position:relative;border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);cursor:pointer;text-align:center;background:var(--color-bg-tertiary);transition:all var(--transition-base);overflow:hidden}.photo-uploader__dropzone:before{content:"";position:absolute;inset:-2px;border-radius:var(--radius-lg);padding:2px;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary),#06b6d4,var(--color-accent-primary));background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;animation:gradient-rotate 4s ease infinite paused}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.photo-uploader__dropzone:hover:before,.photo-uploader__dropzone.is-dragover:before{opacity:1;animation-play-state:running}.photo-uploader__dropzone:hover,.photo-uploader__dropzone.is-dragover{border-color:transparent;background:#6366f114}.photo-uploader__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);position:relative;z-index:1;transition:transform var(--transition-fast),opacity var(--transition-fast)}.photo-uploader__dropzone.is-dragover .photo-uploader__content{transform:scale(.95);opacity:.3}.photo-uploader__icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:var(--radius-xl);color:var(--color-accent-primary);transition:all var(--transition-base)}.photo-uploader__icon svg{width:36px;height:36px}.photo-uploader__dropzone:hover .photo-uploader__icon{background:#6366f133;transform:translateY(-4px)}.photo-uploader__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.photo-uploader__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.photo-uploader__constraints{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.photo-uploader__constraint{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.photo-uploader__constraint svg{width:14px;height:14px;opacity:.6}.photo-uploader__browse-btn{display:inline-flex;align-items:center;gap:8px;padding:var(--spacing-sm) var(--spacing-lg);margin-top:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent-primary);background:#6366f11a;border:1px solid var(--color-accent-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.photo-uploader__browse-btn:hover{background:var(--color-accent-primary);color:#fff}.photo-uploader__input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}.photo-uploader__drag-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background:#6366f126;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-lg);opacity:0;transform:scale(.9);transition:all var(--transition-fast);z-index:3;pointer-events:none}.photo-uploader__dropzone.is-dragover .photo-uploader__drag-overlay{opacity:1;transform:scale(1)}.photo-uploader__drag-overlay svg{width:48px;height:48px;color:var(--color-accent-primary)}.photo-uploader__drag-text{font-size:var(--font-size-lg);font-weight:600;color:var(--color-accent-primary)}.photo-uploader__category{margin-top:var(--spacing-md)}.photo-uploader__category-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.photo-uploader__category-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.photo-uploader__category-select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}.photo-uploader__progress{margin-top:var(--spacing-lg)}.photo-uploader__progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.photo-uploader__progress-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.photo-uploader__progress-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.photo-uploader__progress-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.photo-uploader__progress-item:last-child{margin-bottom:0}.photo-uploader__progress-thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.photo-uploader__progress-info{flex:1;min-width:0}.photo-uploader__progress-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-uploader__progress-size{font-size:var(--font-size-xs);color:var(--color-text-muted)}.photo-uploader__progress-bar{width:100%;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);margin-top:var(--spacing-xs);overflow:hidden}.photo-uploader__progress-fill{height:100%;background:var(--color-accent-gradient);border-radius:var(--radius-full);transition:width var(--transition-fast)}.photo-uploader__progress-item.is-complete .photo-uploader__progress-fill{background:var(--color-success)}.photo-uploader__progress-item.is-error .photo-uploader__progress-fill{background:var(--color-error)}.photo-uploader__progress-status{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);flex-shrink:0}.photo-uploader__progress-item.is-uploading .photo-uploader__progress-status{color:var(--color-accent-primary)}.photo-uploader__progress-item.is-complete .photo-uploader__progress-status{background:#22c55e33;color:var(--color-success)}.photo-uploader__progress-item.is-error .photo-uploader__progress-status{background:#ef444433;color:var(--color-error)}.photo-uploader__spinner{width:20px;height:20px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:upload-spin .8s linear infinite}@keyframes upload-spin{to{transform:rotate(360deg)}}.photo-uploader__validation{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.photo-uploader__validation.is-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--color-warning)}.photo-uploader__validation svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md)}.photo-grid--compact{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-sm)}.photo-grid--large{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.photo-grid__item{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;background:var(--color-bg-tertiary);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.photo-grid__item:hover{transform:scale(1.03);box-shadow:0 8px 25px #0000004d;z-index:1}.photo-grid__item.is-dragging{opacity:.5;transform:scale(.95)}.photo-grid__item.is-drag-over{box-shadow:0 0 0 3px var(--color-accent-primary)}.photo-grid__image{width:100%;height:100%;object-fit:cover;transition:filter var(--transition-fast)}.photo-grid__item:hover .photo-grid__image{filter:brightness(.7)}.photo-grid__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 40%,transparent 60%,rgba(0,0,0,.7) 100%);opacity:0;transition:opacity var(--transition-fast)}.photo-grid__item:hover .photo-grid__overlay{opacity:1}.photo-grid__actions{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:6px;opacity:0;transform:translateY(-8px);transition:all var(--transition-fast)}.photo-grid__item:hover .photo-grid__actions{opacity:1;transform:translateY(0)}.photo-grid__action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.photo-grid__action-btn:hover{background:var(--color-accent-primary);transform:scale(1.1)}.photo-grid__action-btn--delete:hover{background:var(--color-error)}.photo-grid__action-btn svg{width:16px;height:16px}.photo-grid__meta{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-sm);opacity:0;transform:translateY(8px);transition:all var(--transition-fast)}.photo-grid__item:hover .photo-grid__meta{opacity:1;transform:translateY(0)}.photo-grid__date{font-size:var(--font-size-xs);color:#ffffffe6;margin-bottom:2px}.photo-grid__type{display:inline-block;padding:2px 8px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.photo-grid__checkbox{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid rgba(255,255,255,.5);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transform:scale(.8);transition:all var(--transition-fast)}.photo-grid__item:hover .photo-grid__checkbox,.photo-grid__item.is-selected .photo-grid__checkbox{opacity:1;transform:scale(1)}.photo-grid__item.is-selected .photo-grid__checkbox{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.photo-grid__checkbox svg{width:14px;height:14px;color:#fff;opacity:0}.photo-grid__item.is-selected .photo-grid__checkbox svg{opacity:1}.photo-grid__item.is-selected{box-shadow:0 0 0 3px var(--color-accent-primary),0 8px 25px #6366f14d}.photo-grid__drag-handle{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);color:#ffffffb3;cursor:grab;opacity:0;transition:all var(--transition-fast)}.photo-grid__item:hover .photo-grid__drag-handle{opacity:1}.photo-grid__drag-handle:hover{color:#fff;background:#000000b3}.photo-grid__drag-handle:active{cursor:grabbing}.portfolio-selector{display:flex;flex-direction:column;height:100%;background:var(--color-bg-secondary);border-radius:var(--radius-xl);overflow:hidden}.portfolio-selector__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.portfolio-selector__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.portfolio-selector__limit{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.portfolio-selector__limit-count{font-weight:600;color:var(--color-accent-primary)}.portfolio-selector__limit.is-at-max .portfolio-selector__limit-count{color:var(--color-warning)}.portfolio-selector__tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.portfolio-selector__tabs::-webkit-scrollbar{height:4px}.portfolio-selector__tabs::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.portfolio-selector__tabs::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.portfolio-selector__tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.portfolio-selector__tab:hover{color:var(--color-text-primary);background:var(--color-bg-glass-light)}.portfolio-selector__tab.is-active{color:var(--color-accent-primary);background:#6366f11a;border-color:var(--color-accent-primary)}.portfolio-selector__tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:11px;font-weight:600}.portfolio-selector__tab.is-active .portfolio-selector__tab-count{background:var(--color-accent-primary);color:#fff}.portfolio-selector__grid-area{flex:1;padding:var(--spacing-lg);overflow-y:auto}.portfolio-selector__grid-area::-webkit-scrollbar{width:6px}.portfolio-selector__grid-area::-webkit-scrollbar-track{background:transparent}.portfolio-selector__grid-area::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.portfolio-selector__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center;color:var(--color-text-muted)}.portfolio-selector__empty svg{width:48px;height:48px;opacity:.3;margin-bottom:var(--spacing-md)}.portfolio-selector__empty p{font-size:var(--font-size-sm);margin:0}.portfolio-selector__footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary)}.portfolio-selector__footer-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.portfolio-selector__selected{display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-sm);-webkit-overflow-scrolling:touch}.portfolio-selector__selected::-webkit-scrollbar{height:4px}.portfolio-selector__selected::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.portfolio-selector__selected::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.portfolio-selector__selected-item{position:relative;flex-shrink:0;width:100px}.portfolio-selector__selected-thumb{width:100px;height:75px;border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--color-accent-primary)}.portfolio-selector__selected-remove{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-error);border:2px solid var(--color-bg-tertiary);border-radius:var(--radius-full);color:#fff;cursor:pointer;transition:transform var(--transition-fast)}.portfolio-selector__selected-remove:hover{transform:scale(1.15)}.portfolio-selector__selected-remove svg{width:12px;height:12px}.portfolio-selector__category-dropdown{width:100%;margin-top:var(--spacing-xs);padding:4px 24px 4px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:11px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.portfolio-selector__category-dropdown:focus{outline:none;border-color:var(--color-accent-primary)}.clinical-section{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);overflow:hidden;margin-bottom:var(--spacing-md)}.clinical-section:last-child{margin-bottom:0}.clinical-section__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}.clinical-section__header:hover{background:var(--color-bg-glass-light)}.clinical-section.is-open .clinical-section__header{background:#6366f114;border-bottom:1px solid var(--color-border)}.clinical-section__header-left{display:flex;align-items:center;gap:var(--spacing-md)}.clinical-section__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.clinical-section.is-open .clinical-section__icon{background:#6366f133;color:var(--color-accent-primary)}.clinical-section__icon svg{width:20px;height:20px}.clinical-section__info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.clinical-section__title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin:0}.clinical-section__subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.clinical-section__count{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted)}.clinical-section__count.has-photos{background:#6366f126;color:var(--color-accent-primary)}.clinical-section__count svg{width:14px;height:14px}.clinical-section__chevron{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:transform var(--transition-fast)}.clinical-section.is-open .clinical-section__chevron{transform:rotate(180deg);color:var(--color-accent-primary)}.clinical-section__content{display:none;padding:var(--spacing-lg);animation:section-open .25s ease-out}@keyframes section-open{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.clinical-section.is-open .clinical-section__content{display:block}.clinical-section__divider{height:1px;background:var(--color-border);margin:var(--spacing-lg) 0}.clinical-section[data-type=extraoral] .clinical-section__icon{color:#f59e0b}.clinical-section[data-type=extraoral].is-open .clinical-section__icon{background:#f59e0b33}.clinical-section[data-type=intraoral] .clinical-section__icon{color:#3b82f6}.clinical-section[data-type=intraoral].is-open .clinical-section__icon{background:#3b82f633}.clinical-section[data-type=radiographs] .clinical-section__icon{color:#8b5cf6}.clinical-section[data-type=radiographs].is-open .clinical-section__icon{background:#8b5cf633}.clinical-section[data-type=study-models] .clinical-section__icon{color:#06b6d4}.clinical-section[data-type=study-models].is-open .clinical-section__icon{background:#06b6d433}.clinical-section[data-type=progress] .clinical-section__icon{color:#22c55e}.clinical-section[data-type=progress].is-open .clinical-section__icon{background:#22c55e33}@media(max-width:768px){.photo-uploader__dropzone{padding:var(--spacing-lg)}.photo-uploader__icon{width:56px;height:56px}.photo-uploader__icon svg{width:28px;height:28px}.photo-uploader__title{font-size:var(--font-size-base)}.photo-uploader__constraints{flex-direction:column;gap:var(--spacing-xs)}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.photo-grid--compact{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.portfolio-selector__tabs{padding:var(--spacing-sm) var(--spacing-md)}.portfolio-selector__tab{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.portfolio-selector__selected-item{width:80px}.portfolio-selector__selected-thumb{width:80px;height:60px}.clinical-section__header{padding:var(--spacing-sm) var(--spacing-md)}.clinical-section__icon{width:36px;height:36px}.clinical-section__content{padding:var(--spacing-md)}}@media(max-width:480px){.photo-grid{grid-template-columns:repeat(2,1fr)}.portfolio-selector__header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.portfolio-selector__selected-item{width:70px}.portfolio-selector__selected-thumb{width:70px;height:52px}}.photo-uploader__dropzone:focus-visible,.photo-grid__item:focus-visible,.portfolio-selector__tab:focus-visible,.clinical-section__header:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.photo-uploader__dropzone:before,.photo-uploader__spinner,.photo-grid__item,.photo-grid__overlay,.photo-grid__actions,.photo-grid__meta,.clinical-section__content,.clinical-section__chevron{animation:none;transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.case-detail-panel{display:flex;flex-direction:column;height:100%;min-height:0}.case-detail-loading,.case-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;text-align:center;color:var(--color-text-muted)}.case-detail-loading p,.case-detail-error p{margin-top:var(--spacing-md);font-size:var(--font-size-sm)}.case-detail-error svg{opacity:.3;margin-bottom:var(--spacing-sm)}.case-detail-error h3{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.case-detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);gap:var(--spacing-lg);flex-wrap:wrap}.case-detail-header-left{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;min-width:0}.case-detail-title{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.case-detail-title .procedure-indicator{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.case-detail-title h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.case-detail-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.case-detail-content{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:var(--spacing-lg);gap:var(--spacing-lg)}.case-info-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.case-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.case-info-card .info-item{display:flex;flex-direction:column;gap:4px}.case-info-card .info-item label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.case-info-card .info-item span{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.case-status-inline{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.case-description{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.case-description label{display:block;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.case-description p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.case-detail-photos{flex:1;display:flex;flex-direction:column;min-height:0}.photos-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.photos-header h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.photos-count{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.photos-sections{display:flex;flex-direction:column;gap:var(--spacing-md)}.clinical-section[data-type=diagnostic_files] .clinical-section__icon{color:#06b6d4}.clinical-section[data-type=diagnostic_files].is-open .clinical-section__icon{background:#06b6d433}.clinical-section[data-type=case_outcome_photos] .clinical-section__icon{color:#22c55e}.clinical-section[data-type=case_outcome_photos].is-open .clinical-section__icon{background:#22c55e33}.tooth-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.case-status{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.case-status.status-draft{background:#64748b26;color:#64748b}.case-status.status-in-progress{background:#3b82f626;color:#3b82f6}.case-status.status-pending{background:#f59e0b26;color:#f59e0b}.case-status.status-approved{background:#22c55e26;color:#22c55e}.case-status.status-archived{background:#64748b1a;color:#94a3b8}.btn-icon-text{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.btn-icon-text svg{flex-shrink:0}.patient-manager.case-detail-mode{height:100%;display:flex;flex-direction:column}.patient-manager.case-detail-mode #case-detail-container{flex:1;min-height:0;display:flex;flex-direction:column}@media(max-width:768px){.case-detail-header{padding:var(--spacing-md)}.case-detail-header-left{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.case-detail-header-right{width:100%;justify-content:flex-end}.case-detail-title h2{font-size:var(--font-size-lg)}.case-detail-content{padding:var(--spacing-md)}.case-info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.case-info-grid{grid-template-columns:1fr}.case-detail-header-right{flex-wrap:wrap}}