:root{--bg-dark: #0b0f19;--bg-card: rgba(30, 41, 59, .7);--bg-card-hover: rgba(30, 41, 59, .9);--text-main: #f8fafc;--text-muted: #94a3b8;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .5);--success: #10b981;--success-glow: rgba(16, 185, 129, .5);--warning: #f59e0b;--danger: #ef4444;--border-color: rgba(255, 255, 255, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;background-image:radial-gradient(at 0% 0%,rgba(15,23,42,1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(15,23,42,1) 0px,transparent 50%);background-attachment:fixed;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 4px 30px #0000001a;transition:all .3s ease}.glass-panel:hover{border-color:#fff3}@keyframes wave{0%{height:8px}50%{height:32px}to{height:8px}}.wave-bar{width:6px;background-color:var(--accent);border-radius:3px;animation:wave 1.2s ease-in-out infinite;box-shadow:0 0 8px var(--accent-glow)}.wave-bar.speaking{background-color:var(--success);box-shadow:0 0 8px var(--success-glow)}.wave-bar:nth-child(1){animation-delay:0s}.wave-bar:nth-child(2){animation-delay:.1s}.wave-bar:nth-child(3){animation-delay:.2s}.wave-bar:nth-child(4){animation-delay:.3s}.wave-bar:nth-child(5){animation-delay:.4s}.wave-bar:nth-child(6){animation-delay:.5s}.wave-bar:nth-child(7){animation-delay:.4s}.wave-bar:nth-child(8){animation-delay:.3s}.wave-bar:nth-child(9){animation-delay:.2s}.wave-bar:nth-child(10){animation-delay:.1s}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}to{transform:scale(2);opacity:0}}.pulse-indicator{position:relative;width:12px;height:12px;background-color:var(--success);border-radius:50%;box-shadow:0 0 10px var(--success-glow)}.pulse-indicator:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;border-radius:50%;background-color:var(--success);animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;border-right:1px solid var(--border-color);background-color:#0f172a80;padding:2rem 1rem;display:flex;flex-direction:column}.main-area{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-bar{min-height:40px;border-bottom:1px solid var(--border-color);background-color:#0003;display:flex;align-items:center;justify-content:flex-end;padding:0 2rem;gap:1.5rem;font-size:.875rem;color:var(--text-muted)}.scrollable-content{flex:1;padding:2rem;overflow-y:auto}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.appointments-header-actions{display:flex;align-items:center;gap:1rem}@media (max-width: 900px){.grid-1-2{grid-template-columns:1fr}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;padding:1rem;border-right:none;border-bottom:1px solid var(--border-color)}.sidebar-nav{flex-direction:row!important;flex-wrap:wrap;gap:.5rem}.sidebar-nav button{flex:1;min-width:140px;justify-content:flex-start}.main-area{height:auto;overflow:visible}.top-bar{height:auto;flex-wrap:wrap;justify-content:center;padding:.75rem;gap:1rem}.header-flex{flex-direction:column;align-items:flex-start;gap:1rem}.scrollable-content{padding:1rem}.grid-2{grid-template-columns:1fr}.appointments-header-actions{flex-direction:column;align-items:stretch!important;width:100%}.appointments-header-actions>div{width:100%!important}.appointments-header-actions input{width:100%}}