.chat-fab{background:var(--color-primary,#1565c0);color:#fff;cursor:pointer;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .15s,transform .15s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000040}.chat-fab:hover{background:var(--color-primary-dark,#0d47a1);transform:scale(1.06)}.chat-fab--open{background:var(--color-text-muted,#666)}.chat-panel{z-index:1001;background:#fff;border-radius:12px;flex-direction:column;width:370px;max-height:520px;animation:.2s ease-out chat-slide-up;display:flex;position:fixed;bottom:88px;right:24px;overflow:hidden;box-shadow:0 8px 30px #0000002e}@keyframes chat-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:var(--color-primary,#1565c0);color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chat-header-title{font-size:.95rem;font-weight:600}.chat-header-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:2px;line-height:1}.chat-header-close:hover{opacity:1}.chat-messages{flex-direction:column;flex:1 1 0;gap:8px;min-height:200px;max-height:360px;padding:12px 14px;display:flex;overflow-y:auto}.chat-msg{flex-direction:column;display:flex}.chat-msg--user{align-items:flex-end}.chat-msg--assistant{align-items:flex-start}.chat-bubble{word-wrap:break-word;white-space:pre-wrap;border-radius:12px;max-width:85%;padding:8px 12px;font-size:.88rem;line-height:1.45}.chat-msg--user .chat-bubble{background:var(--color-primary,#1565c0);color:#fff;border-bottom-right-radius:4px}.chat-msg--assistant .chat-bubble{color:#222;background:#f0f0f0;border-bottom-left-radius:4px}.chat-bubble--loading{gap:4px;padding:10px 14px;display:flex}.chat-dot{background:#999;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite chat-dot-bounce}.chat-dot:nth-child(2){animation-delay:.15s}.chat-dot:nth-child(3){animation-delay:.3s}@keyframes chat-dot-bounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.chat-action-btn{cursor:pointer;border:none;border-radius:6px;margin-top:6px;padding:5px 14px;font-size:.82rem;font-weight:600;transition:background .15s}.chat-action-btn--navigate{background:var(--color-primary-light,#e3f0fc);color:var(--color-primary,#1565c0)}.chat-action-btn--navigate:hover{background:var(--color-primary,#1565c0);color:#fff}.chat-action-row{gap:8px;margin-top:6px;display:flex}.chat-action-btn--accept{color:#fff;background:#2e7d32}.chat-action-btn--accept:hover{background:#1b5e20}.chat-action-btn--decline{color:#555;background:#eee}.chat-action-btn--decline:hover{background:#ddd}.chat-action-btn:disabled{opacity:.5;cursor:not-allowed}.chat-quick-replies{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chat-action-btn--quick{background:var(--color-primary-light,#e3f0fc);color:var(--color-primary,#1565c0);border:1px solid var(--color-primary,#1565c0);border-radius:16px;padding:5px 14px}.chat-action-btn--quick:hover{background:var(--color-primary,#1565c0);color:#fff}.chat-status-text{color:#777;font-size:.82rem;font-style:italic;animation:1.5s ease-in-out infinite chat-status-pulse}@keyframes chat-status-pulse{0%,to{opacity:.5}50%{opacity:1}}.chat-input-row{border-top:1px solid #e4e4e4;align-items:center;gap:6px;padding:10px 12px;display:flex}.chat-input{border:1px solid #ccc;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:.88rem}.chat-input:focus{border-color:var(--color-primary,#1565c0)}.chat-send-btn{background:var(--color-primary,#1565c0);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.chat-send-btn:hover{background:var(--color-primary-dark,#0d47a1)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}:root{--color-primary:#00a69c;--color-primary-dark:#008a82;--color-primary-light:#e0f5f3;--color-primary-hover:#00b8ac;--color-secondary:#2d5a7b;--color-secondary-light:#4a7a9b;--color-accent:#ff6b6b;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-white:#fff;--color-background:#f8fafa;--color-surface:#fff;--color-border:#e0e8e8;--color-text-primary:#1a2e35;--color-text-secondary:#5a6f75;--color-text-muted:#8fa0a5;--font-family:"Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", 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:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 25px #0000001a;--shadow-xl:0 20px 40px #0000001f;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.main-content{padding:var(--spacing-xl) var(--spacing-md);flex:1}.container{max-width:1200px;margin:0 auto}.app-header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:var(--color-white);padding:var(--spacing-md) var(--spacing-xl);box-shadow:var(--shadow-md)}.header-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.logo-section{align-items:center;gap:var(--spacing-md);display:flex}.logo{border-radius:var(--radius-lg);background:#ffffff26;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.logo-icon{width:32px;height:32px;color:var(--color-white)}.title-section h1{font-size:var(--font-size-2xl);letter-spacing:-.02em;margin:0;font-weight:600}.title-section .subtitle{font-size:var(--font-size-sm);opacity:.9;margin:0}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}.language-toggle{border-radius:var(--radius-full);background:#ffffff26;padding:3px;display:flex}.toggle-button{padding:var(--spacing-sm) var(--spacing-md);color:#fffc;cursor:pointer;font-size:var(--font-size-sm);border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;font-weight:500}.toggle-button:hover{color:var(--color-white)}.toggle-button.active{background:var(--color-white);color:var(--color-primary)}.instructions-section{margin-bottom:var(--spacing-xl)}.instructions-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.instructions-card.welcome{margin-bottom:var(--spacing-lg);background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-white) 100%);border-left:4px solid var(--color-primary)}.instructions-card.welcome h2{color:var(--color-primary-dark);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.instructions-card.welcome p{color:var(--color-text-secondary);font-size:var(--font-size-base);max-width:800px}.instructions-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.instructions-card h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-sm);display:flex}.instruction-list{counter-reset:step;list-style:none}.instruction-list li{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) 0;color:var(--color-text-secondary);display:flex}.step-number{background:var(--color-primary);width:28px;height:28px;color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.patient-info-content{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-primary-light);border-radius:var(--radius-md);display:flex}.info-icon{flex-shrink:0;width:40px;height:40px}.info-icon svg{width:100%;height:100%;color:var(--color-primary)}.patient-info-content p{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5}.translation-section{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.language-selectors-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.language-selectors-grid{grid-template-columns:1fr}}.language-selector{padding:var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.language-selector.source-selector{border-left:4px solid var(--color-secondary)}.language-selector.target-selector{border-left:4px solid var(--color-primary)}.language-selector label{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-weight:500;display:block}.language-buttons{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.language-button{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--color-border);background:var(--color-white);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);border-radius:var(--radius-full);transition:all var(--transition-fast);font-weight:500}.language-button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.language-button.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.language-button:disabled{opacity:.5;cursor:not-allowed}.language-button.auto-detect{color:var(--color-white);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;font-weight:500}.language-button.auto-detect:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd6 0%,#6a4390 100%);transform:translateY(-1px)}.language-button.auto-detect.active{background:linear-gradient(135deg,#4c5cbf 0%,#5a3a7a 100%);box-shadow:0 0 0 3px #667eea4d}.language-detection-panel{border:2px dashed var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);text-align:center;background:linear-gradient(135deg,#f8f9ff 0%,#f0f4ff 100%)}.detection-header h4{margin:0 0 var(--spacing-sm) 0;color:var(--color-text);font-size:1.1rem}.detection-description{margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary);font-size:.9rem}.detection-controls{margin-bottom:var(--spacing-md)}.detect-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);color:#fff;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.detect-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.detect-button:disabled{opacity:.5;cursor:not-allowed}.detect-button.detecting{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);animation:1.5s ease-in-out infinite pulse}.detect-button.detecting.recording{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.detect-button.detecting.analyzing{cursor:wait;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.detect-icon{width:20px;height:20px}.detecting-indicator{background:#fff;border-radius:50%;width:12px;height:12px;animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.detection-error{color:var(--color-error);margin-top:var(--spacing-sm);font-size:.9rem}.detection-result{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#fff;flex-wrap:wrap;display:flex;box-shadow:0 2px 8px #0000001a}.detection-results{align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:#fff;flex-direction:column;display:flex;box-shadow:0 2px 8px #0000001a}.language-candidates{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.language-candidate-badge{border:2px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;background:#f8fafc;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.95rem;transition:all .2s;display:inline-flex}.language-candidate-badge:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.candidate-name{font-weight:600}.candidate-confidence{color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.candidate-count{color:var(--color-text-secondary);background:#00000026;border-radius:999px;padding:.15rem .4rem;font-size:.7rem;font-weight:600}.transcription-preview{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);background:#f8fafc;font-size:.9rem}.transcription-label{margin-right:.5rem;font-weight:500}.transcription-text{font-style:italic}.detected-label{color:var(--color-text-secondary);font-size:.9rem}.detected-language{color:var(--color-primary);font-size:1.2rem;font-weight:600}.use-language-button{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:.9rem;transition:background .2s}.use-language-button:hover{background:var(--color-primary-dark)}.control-panel{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-lg);flex-direction:column;display:flex}.main-controls{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.control-button{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-md);border:none;font-weight:600;display:inline-flex}.control-button .icon{width:24px;height:24px}.control-button.primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white)}.control-button.primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary) 100%);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.control-button.primary.start{min-width:200px}.control-button.connecting{background:var(--color-text-muted)}.control-button.danger{background:linear-gradient(135deg, var(--color-error) 0%, #c62828 100%);color:var(--color-white)}.control-button.danger:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.push-to-talk-panel{border:2px dashed var(--color-primary);background:linear-gradient(135deg,#2563eb0d 0%,#2563eb05 100%)}.control-button.push-to-talk{min-width:200px}.control-button.push-to-talk.recording{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:1s ease-in-out infinite pulse}.recording-indicator{background:#fff;border-radius:50%;width:12px;height:12px;animation:.8s ease-in-out infinite blink}.control-button.processing{cursor:wait;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.control-button.secondary{background:var(--color-white);color:var(--color-text-secondary);border:2px solid var(--color-border)}.control-button.secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.control-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.spinner{border:3px solid #ffffff4d;border-top-color:var(--color-white);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-indicator{align-items:center;gap:var(--spacing-sm);display:flex}.status-dot{background:var(--color-text-muted);width:12px;height:12px;transition:all var(--transition-normal);border-radius:50%}.status-dot.active{background:var(--color-success);animation:1.5s ease-in-out infinite pulse}.status-dot.connecting{background:var(--color-warning);animation:.8s ease-in-out infinite pulse}.status-dot.paused{background:#f59e0b;animation:2s ease-in-out infinite pulse-slow}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.healthcare-context-toggle{margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border)}.toggle-label{align-items:center;gap:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.toggle-label input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary)}.toggle-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.toggle-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.error-message{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);color:var(--color-error);margin-bottom:var(--spacing-lg);background:#ffebee;border:1px solid #ffcdd2;display:flex}.error-icon{flex-shrink:0;width:24px;height:24px}.translation-panel{margin-top:var(--spacing-md)}.panel-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=768px){.panel-grid{grid-template-columns:1fr}}.panel{background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.panel-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.panel-header h3{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;font-weight:600}.language-badge{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:var(--font-size-xs);border-radius:var(--radius-full);align-items:center;font-weight:500;display:inline-flex}.language-badge.target{background:var(--color-secondary);color:var(--color-white)}.panel-content{padding:var(--spacing-lg);min-height:250px;max-height:400px;overflow-y:auto}.placeholder-text{color:var(--color-text-muted);text-align:center;padding:var(--spacing-xl);font-style:italic}.listening-prompt{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.pulse-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse;display:inline-block}.result-item{margin-bottom:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-white);border-left:3px solid #0000}.result-item.final{border-left-color:var(--color-primary)}.result-item.interim{background:var(--color-primary-light);border-left-color:var(--color-primary-hover);animation:.2s fadeIn}.result-item.translated{background:#e8f4f8}.result-item.translated.interim{background:#d0ecf4}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.result-language{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs);display:inline-block}.result-item p{color:var(--color-text-primary);font-size:var(--font-size-base);margin:0;line-height:1.5}.app-footer{background:var(--color-text-primary);color:var(--color-white);padding:var(--spacing-xl);margin-top:var(--spacing-2xl)}.footer-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;max-width:1200px;margin:0 auto;display:flex}.privacy-section h4{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);color:var(--color-primary-light);font-weight:600}.privacy-section p{font-size:var(--font-size-sm);color:#ffffffb3;max-width:500px}.footer-logo{font-size:var(--font-size-sm);color:#ffffff80}@media (width<=640px){.header-content{text-align:center;flex-direction:column}.logo-section{flex-direction:column}.main-controls{flex-direction:column;width:100%}.control-button{justify-content:center;width:100%}.language-buttons{justify-content:center}.footer-content{text-align:center;flex-direction:column}}.recognition-mode-selector{margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border)}.recognition-mode-selector label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);font-weight:600;display:block}.mode-options{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.mode-option{align-items:center;gap:var(--spacing-xs);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.mode-option input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.mode-option input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.mode-option span{font-size:var(--font-size-sm);color:var(--color-text-primary)}.suggestion-panel{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fff9e6 0%,#fff3cc 100%);border:2px solid #ffd54f}.suggestion-panel-header h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:600}.suggestion-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0}.suggestion-loading{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);justify-content:center;display:flex}.suggestion-loading span{font-size:var(--font-size-base);color:var(--color-text-secondary)}.suggestion-options{gap:var(--spacing-sm);flex-direction:column;display:flex}.suggestion-option{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;display:flex}.suggestion-option:hover{border-color:var(--color-primary);background:#f0f7ff;transform:translate(4px)}.suggestion-option:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #005eb833}.option-number{background:var(--color-primary);width:28px;height:28px;color:var(--color-white);font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.option-text{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.4}.suggestion-actions{margin-top:var(--spacing-md);justify-content:flex-end;display:flex}.suggestion-dismiss{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-text-muted);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0}.suggestion-dismiss:hover{background:var(--color-white);border-color:var(--color-text-secondary)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){:root{--color-border:#000;--shadow-sm:none;--shadow-md:none;--shadow-lg:0 0 0 2px #000}.control-button{border:2px solid}}.wg-container{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.wg-filter-bar{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-background);display:flex}.wg-filter-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;font-weight:600}.wg-filter-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.wg-filter-icon{align-items:center;display:flex}.wg-filter-icon svg{width:16px;height:16px;color:var(--color-primary)}.wg-day-header{border-bottom:2px solid var(--color-border);grid-template-columns:56px repeat(5,1fr);display:grid}.wg-header-corner{background:var(--color-background)}.wg-day-col-header{padding:var(--spacing-sm) var(--spacing-xs);text-align:center;border-left:1px solid var(--color-border);background:var(--color-surface);transition:background var(--transition-fast);flex-direction:column;align-items:center;display:flex}.wg-day--today{background:var(--color-primary-light)}.wg-day-name{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.wg-day-num{font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:700;line-height:1.2}.wg-day--today .wg-day-num{color:var(--color-primary)}.wg-day-month{color:var(--color-text-muted);font-size:.65rem}.wg-body{max-height:60vh;overflow-y:auto}.wg-loading{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.wg-row{border-bottom:1px solid var(--color-border);grid-template-columns:56px repeat(5,1fr);min-height:40px;display:grid}.wg-row:nth-child(2n) .wg-time-label{color:#0000}.wg-time-gutter{background:var(--color-background);border-right:1px solid var(--color-border);justify-content:center;align-items:flex-start;padding-top:2px;display:flex}.wg-time-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.wg-cell-wrapper{border-left:1px solid var(--color-border);min-height:40px}.wg-cell{width:100%;height:100%;min-height:40px;font-size:var(--font-size-xs);transition:background var(--transition-fast);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;padding:2px 4px;display:flex}.wg-cell--empty{background:var(--color-surface)}.wg-cell--free{background:#e8f5e9}.wg-cell--booked,.wg-cell--booked-noappt{background:var(--color-booked-bg)}.wg-cell--locked{background:var(--color-locked-bg);animation:1.5s infinite pulse-lock}.wg-cell--offduty{background:repeating-linear-gradient(135deg, var(--color-background), var(--color-background) 4px, var(--color-border) 4px, var(--color-border) 5px)}.wg-cell--appointment{border-left:3px solid var(--color-primary);background:#cce0f5}.wg-cell--completed{background:var(--color-success-bg);border-left:3px solid var(--color-success)}.wg-cell--clickable{cursor:pointer}.wg-cell--clickable:hover{filter:brightness(.95);box-shadow:inset 0 0 0 1px var(--color-primary)}.wg-cell--past{background:var(--color-background)}.wg-cell-wrapper--past{opacity:.3}.wg-now-line{z-index:2;pointer-events:none;background:#d32f2f;height:2px;position:absolute;left:0;right:0}.wg-now-line:before{content:"";background:#d32f2f;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;left:48px}.wg-cell-count{font-size:var(--font-size-md);color:var(--color-primary);font-weight:700;line-height:1}.wg-cell-label{color:var(--color-primary-dark);text-transform:uppercase;font-size:.6rem}.wg-cell-icon{width:12px;height:12px;color:var(--color-locked-text)}.wg-cell-patient{font-size:var(--font-size-xs);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-weight:600;line-height:1.2;overflow:hidden}.wg-cell-type{color:var(--color-text-muted);text-transform:uppercase;font-size:.6rem}.phone-cta{align-items:center;gap:var(--spacing-md);background:linear-gradient(135deg, var(--color-phone-cta) 0%, var(--color-phone-cta-dark) 100%);color:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);cursor:pointer;font-size:var(--font-size-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;font-weight:600;display:flex;box-shadow:0 4px 16px #d32f2f59}.phone-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d32f2f73}.phone-cta:active{transform:translateY(0)}.phone-cta svg{width:28px;height:28px}.legend-dot--doctor{background:var(--color-primary)}.legend-dot--nurse{background:var(--color-success)}.legend-dot--specialist{background:var(--color-warning)}.legend-dot--free{background:var(--color-primary-light);border:1px solid var(--color-primary)}.legend-dot--booked{background:var(--color-text-muted)}.legend-dot--locked{background:var(--color-accent)}.calendar-container{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.calendar-day-tabs{border-bottom:2px solid var(--color-border);display:flex}.calendar-day-tab{padding:var(--spacing-md);text-align:center;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;flex:1;margin-bottom:-2px}.calendar-day-tab:hover{background:var(--color-primary-light)}.calendar-day-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.calendar-day-tab--today{font-weight:700}.day-tab-weekday{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;display:block}.day-tab-date{font-size:var(--font-size-xl);margin-top:2px;display:block}.slots-grid{background:var(--color-border);grid-template-columns:60px repeat(auto-fill,minmax(100px,1fr));gap:1px;padding:0;display:grid}.slots-section{padding:var(--spacing-lg)}.slots-staff-group{margin-bottom:var(--spacing-lg)}.slots-staff-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600;display:flex}.slots-staff-header svg{width:16px;height:16px}.slots-staff-header--doctor{color:var(--color-primary)}.slots-staff-header--nurse{color:var(--color-success)}.slots-staff-header--specialist{color:var(--color-warning)}.slots-row{margin-bottom:var(--spacing-xs);flex-wrap:wrap;gap:4px;display:flex}nn.slot-chip--free{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.slot-chip--booked{background:var(--color-booked-bg);color:var(--color-text-muted)}.slot-chip--locked{background:var(--color-locked-bg);color:var(--color-locked-text);border-color:var(--color-warning);animation:1.5s infinite pulse-lock}.slot-chip--cancelled{background:var(--color-cancelled-bg);color:var(--color-error);text-decoration:line-through}@keyframes pulse-lock{0%,to{opacity:1}50%{opacity:.65}}.slot-lock-icon{width:10px;height:10px}.phone-device{background:linear-gradient(155deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:40px;flex-direction:column;width:340px;height:640px;max-height:85vh;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 3px #333,0 0 0 6px #111,0 20px 60px #00000080}.phone-device:before{content:"";background:#111;border-radius:0 0 16px 16px;width:120px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{color:#fff;background:linear-gradient(#0d1b2a 0%,#1b2838 100%);border-radius:28px;flex-direction:column;flex:1;align-items:center;min-height:0;margin-top:8px;padding:40px 20px 20px;display:flex;overflow:hidden}.phone-close{color:#ffffff80;cursor:pointer;z-index:10;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;position:absolute;top:12px;right:20px}.phone-close:hover{color:#fff}.phone-avatar{background:linear-gradient(135deg,#00a69c,#2d5a7b);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex;box-shadow:0 0 30px #00a69c4d}.phone-avatar svg{color:#fff;width:36px;height:36px}.phone-caller-name{margin-bottom:4px;font-size:20px;font-weight:600}.dial-display-row{align-items:center;width:100%;max-width:222px;min-height:40px;margin-bottom:12px;display:flex}.dial-display{letter-spacing:2px;color:#fff;text-align:center;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;flex:1;min-height:40px;font-size:28px;font-weight:300;overflow:hidden}.dial-backspace{color:#ffffff80;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;transition:color .15s}.dial-backspace:hover{color:#fff}.dial-pad{grid-template-columns:repeat(3,64px);gap:10px;margin-bottom:12px;display:grid}.dial-key{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;transition:background .15s;display:flex}.dial-key:hover{background:#fff3}.dial-key:active{background:#ffffff59;transform:scale(.95)}.dial-digit{font-size:26px;font-weight:300;line-height:1}.dial-letters{letter-spacing:1.5px;color:#ffffff80;margin-top:1px;font-size:9px;font-weight:600}.phone-status{color:#fff9;margin-bottom:24px;font-size:13px}.phone-status--active{color:var(--color-success)}.phone-wave{align-items:center;gap:3px;height:40px;margin-bottom:20px;display:flex}.phone-wave-bar{background:#00a69c;border-radius:2px;width:4px;animation:.8s ease-in-out infinite wave-bar}.phone-wave-bar:first-child{height:8px;animation-delay:0s}.phone-wave-bar:nth-child(2){height:16px;animation-delay:.1s}.phone-wave-bar:nth-child(3){height:24px;animation-delay:.2s}.phone-wave-bar:nth-child(4){height:32px;animation-delay:.3s}.phone-wave-bar:nth-child(5){height:24px;animation-delay:.4s}.phone-wave-bar:nth-child(6){height:16px;animation-delay:.5s}.phone-wave-bar:nth-child(7){height:8px;animation-delay:.6s}.phone-wave--idle .phone-wave-bar{background:#fff3;height:4px;animation:none}@keyframes wave-bar{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.phone-transcript{flex-direction:column;flex:1;width:100%;min-height:0;margin-bottom:16px;padding:8px;display:flex;overflow-y:auto}.phone-transcript::-webkit-scrollbar{width:3px}.phone-transcript::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.transcript-bubble{border-radius:14px;max-width:85%;margin-bottom:8px;padding:8px 12px;font-size:13px;line-height:1.4;animation:.2s ease-out bubble-in}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.transcript-bubble--ai{color:#b0e8e4;background:#00a69c33;border-bottom-left-radius:4px;align-self:flex-start}.transcript-bubble--user{color:#ffffffd9;background:#ffffff1f;border-bottom-right-radius:4px;align-self:flex-end;margin-left:auto}.phone-controls{justify-content:center;align-items:center;gap:24px;padding:12px 0 8px;display:flex}.phone-btn-call{cursor:pointer;width:64px;height:64px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.phone-btn-call:hover{transform:scale(1.08)}.phone-btn-call:active{transform:scale(.95)}.phone-btn-call--start{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 4px 20px #4caf5080}.phone-btn-call--end{background:linear-gradient(135deg,#f44336,#c62828);box-shadow:0 4px 20px #f4433680}.phone-btn-call svg{color:#fff;width:28px;height:28px}.phone-btn-call--ringing{animation:1.2s ease-in-out infinite ring-pulse}@keyframes ring-pulse{0%{box-shadow:0 4px 20px #4caf5080}50%{box-shadow:0 4px 30px #4caf50cc,0 0 0 12px #4caf5026}to{box-shadow:0 4px 20px #4caf5080}}.appt-detail-grid{grid-template-columns:1fr;gap:0;display:grid}.appt-detail-row{align-items:center;gap:var(--spacing-xs) var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.appt-detail-row:last-child{border-bottom:none}.appt-detail-label{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:0;min-width:100px}.appt-detail-value{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-primary);flex-wrap:wrap;display:flex}.appt-detail-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.transcription-appt-bar{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-primary-light);border:1px solid var(--color-primary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);display:flex}.transcription-appt-bar--empty{background:var(--color-background);border-color:var(--color-border);color:var(--color-text-muted)}.transcription-appt-info{flex-direction:column;flex:1;gap:2px;display:flex}.transcription-appt-info span{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.transcription-appt-picker{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--spacing-lg);overflow:hidden}.transcription-appt-picker-title{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-background);font-weight:600}.transcription-appt-option{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.transcription-appt-option:last-child{border-bottom:none}.transcription-appt-option:hover{background:var(--color-primary-light)}.transcription-appt-option--empty{color:var(--color-text-muted);cursor:default;font-style:italic}.recording-controls{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.record-btn{cursor:pointer;width:56px;height:56px;transition:all var(--transition-fast);color:var(--color-white);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.record-btn--idle{background:linear-gradient(135deg, var(--color-error), var(--color-phone-cta-dark));box-shadow:0 4px 16px #f4433659}.record-btn--idle:hover{transform:scale(1.08);box-shadow:0 6px 24px #f4433673}.record-btn--recording{background:var(--color-error);animation:1.5s infinite record-pulse;box-shadow:0 0 #f4433666}.record-btn svg{width:24px;height:24px}@keyframes record-pulse{0%{box-shadow:0 0 #f4433680}70%{box-shadow:0 0 0 14px #f4433600}to{box-shadow:0 0 #f4433600}}.recording-indicator{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-error);font-weight:600;display:flex}.recording-dot{background:var(--color-error);border-radius:50%;width:8px;height:8px;animation:1s infinite blink}.recording-divider{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.file-upload-btn{align-items:center;gap:var(--spacing-xs);cursor:pointer;display:inline-flex}.file-upload-btn--loading{opacity:.7;pointer-events:none}.language-select{padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-white);cursor:pointer;margin-left:auto}.language-select:focus{border-color:var(--color-primary);outline:none}.transcript-panel{min-height:200px;max-height:400px;font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:pre-wrap;padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border);line-height:1.7;overflow-y:auto}.transcript-panel:empty:after{content:attr(data-placeholder);color:var(--color-text-muted);font-style:italic}.transcript-interim{color:var(--color-text-muted);font-style:italic}.transcript-editor{width:100%;min-height:200px;max-height:400px;font-size:var(--font-size-sm);color:var(--color-text-primary);padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);border:2px solid var(--color-primary);resize:vertical;box-sizing:border-box;font-family:inherit;line-height:1.7}.transcript-editor:focus{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,0, 102, 204), .15);outline:none}.note-section{margin-bottom:var(--spacing-md)}.note-section-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);font-weight:600}.note-summary{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.6}.note-findings-list{margin:0;padding:0;list-style:none}.note-findings-list li{padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);align-items:flex-start;gap:var(--spacing-sm);display:flex}.note-findings-list li:before{content:"";background:var(--color-primary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}.note-findings-list li:last-child{border-bottom:none}.transcription-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.transcription-save-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}:root{--color-primary:#00a69c;--color-primary-dark:#008a82;--color-primary-light:#e0f5f3;--color-primary-hover:#00b8ac;--color-secondary:#2d5a7b;--color-secondary-light:#4a7a9b;--color-accent:#ff6b6b;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--color-booked-bg:#eee;--color-locked-bg:#fff3e0;--color-locked-text:#e65100;--color-cancelled-bg:#ffebee;--color-success-bg:#dcfce7;--color-warning-bg:#fef3c7;--color-error-bg:#fce4ec;--color-phone-cta:#d32f2f;--color-phone-cta-dark:#b71c1c;--color-white:#fff;--color-background:#f8fafa;--color-surface:#fff;--color-border:#e0e8e8;--color-text-primary:#1a2e35;--color-text-secondary:#5a6f75;--color-text-muted:#8fa0a5;--font-family:"Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md: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:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 36px #00000026;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--sidebar-width:260px;--header-height:64px;--max-content-width:1200px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ds-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.ds-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ds-btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-white)}.ds-btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-hover) 0%, var(--color-primary) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ds-btn-secondary{background:var(--color-white);color:var(--color-text-secondary);border:2px solid var(--color-border)}.ds-btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.ds-btn-danger{background:linear-gradient(135deg, var(--color-error) 0%, #c62828 100%);color:var(--color-white)}.ds-btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.ds-btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.ds-btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.ds-btn .ds-icon{flex-shrink:0;width:20px;height:20px}.ds-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.ds-card-clickable{cursor:pointer;transition:all var(--transition-fast)}.ds-card-clickable:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px)}.ds-badge{padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;align-items:center;font-weight:600;display:inline-flex}.ds-badge-success{color:#166534;background:#dcfce7}.ds-badge-warning{color:#92400e;background:#fef3c7}.ds-badge-error{color:#b71c1c;background:#fce4ec}.ds-badge-info{background:var(--color-primary-light);color:var(--color-primary-dark)}.ds-input,.ds-select,.ds-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-white);transition:border-color var(--transition-fast)}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #00a69c26}.ds-textarea{resize:vertical;min-height:80px}.ds-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:600;display:block}.ds-table{border-collapse:collapse;width:100%}.ds-table th,.ds-table td{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.ds-table th{color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-sm);background:var(--color-background)}.ds-table tbody tr:hover{background:var(--color-primary-light)}.ds-spinner{border:3px solid #00a69c33;border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite ds-spin}.ds-spinner-sm{border-width:2px;width:14px;height:14px}.ds-spinner-lg{border-width:4px;width:32px;height:32px}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-empty{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.ds-empty-icon{margin-bottom:var(--spacing-md);font-size:3rem}.ds-flex{display:flex}.ds-flex-col{flex-direction:column}.ds-items-center{align-items:center}.ds-justify-between{justify-content:space-between}.ds-gap-sm{gap:var(--spacing-sm)}.ds-gap-md{gap:var(--spacing-md)}.ds-gap-lg{gap:var(--spacing-lg)}.ds-mt-md{margin-top:var(--spacing-md)}.ds-mt-lg{margin-top:var(--spacing-lg)}.ds-mb-md{margin-bottom:var(--spacing-md)}.ds-mb-lg{margin-bottom:var(--spacing-lg)}.ds-text-sm{font-size:var(--font-size-sm)}.ds-text-muted{color:var(--color-text-muted)}.ds-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;animation:.25s ease-out ds-fade-in;display:flex;position:fixed;inset:0}.ds-toast{bottom:var(--spacing-xl);right:var(--spacing-xl);background:var(--color-primary);color:var(--color-white);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);z-index:3000;font-weight:500;animation:.3s ease-out ds-slide-in-up;position:fixed}.ds-toast-error{background:var(--color-error)}.ds-toast-success{background:var(--color-success)}.ds-page{padding:var(--spacing-lg);max-width:var(--max-content-width);margin:0 auto}.ds-page-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.ds-page-header h1{font-size:var(--font-size-2xl);color:var(--color-text-primary);margin:0}.ds-page-header p{color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.ds-chip{border-radius:var(--radius-full);font-size:var(--font-size-xs);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:4px;padding:4px 10px;font-weight:500;display:inline-flex}.ds-legend{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.ds-legend-item{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.ds-legend-dot{border-radius:var(--radius-full);width:12px;height:12px}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-slide-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portal-layout{min-height:100vh;display:flex}.portal-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:var(--color-white);z-index:100;flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{padding:var(--spacing-lg);border-bottom:1px solid #ffffff26}.sidebar-brand h2{font-size:var(--font-size-lg);margin:0;font-weight:700;line-height:1.3}.sidebar-brand p{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);opacity:.7}.sidebar-nav{padding:var(--spacing-md) 0;flex:1;overflow-y:auto}.sidebar-section-label{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-top:var(--spacing-md);font-weight:600}.sidebar-link{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);color:#ffffffbf;font-size:var(--font-size-sm);transition:all var(--transition-fast);border-left:3px solid #0000;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--color-white);background:#ffffff14}.sidebar-link.active{color:var(--color-white);border-left-color:var(--color-primary);background:#ffffff1f}.sidebar-link-icon{opacity:.8;flex-shrink:0;width:20px;height:20px}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);background:#ffffff26;margin-left:auto;padding:1px 8px}.sidebar-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid #ffffff26}.sidebar-user{align-items:center;gap:var(--spacing-sm);display:flex}.sidebar-avatar{background:var(--color-primary);width:36px;height:36px;font-weight:700;font-size:var(--font-size-sm);border-radius:50%;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);opacity:.6}.sidebar-logout{color:#fff9;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none}.sidebar-logout:hover{color:var(--color-white);background:#ffffff1a}.portal-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.portal-topbar{height:var(--header-height);background:var(--color-white);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-xl);z-index:50;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-title{font-size:var(--font-size-lg);color:var(--color-text-primary);font-weight:600}.topbar-actions{align-items:center;gap:var(--spacing-md);display:flex}.portal-content{padding:var(--spacing-xl);max-width:var(--max-content-width);flex:1;width:100%;margin:0 auto}.login-page{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl);width:100%;max-width:420px}.login-brand{text-align:center;margin-bottom:var(--spacing-xl)}.login-brand-icon{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.login-brand h1{color:var(--color-primary);font-size:var(--font-size-xl);margin:0 0 var(--spacing-xs)}.login-brand p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.login-form{gap:var(--spacing-md);flex-direction:column;display:flex}.login-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.login-error{color:var(--color-error);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#fce4ec}.dashboard-grid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.service-card{position:relative;overflow:hidden}.service-card-icon{border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--spacing-md);color:var(--color-white);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.service-card h3{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg)}.service-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.5}.page-header{margin-bottom:var(--spacing-xl)}.page-header h2{margin:0 0 var(--spacing-xs);font-size:var(--font-size-2xl);color:var(--color-text-primary)}.page-header p{color:var(--color-text-secondary);margin:0}@media (width<=768px){.portal-sidebar{display:none}.portal-main{margin-left:0}.dashboard-grid{grid-template-columns:1fr}}