@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93bbfc;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--secondary-50:#f0fdfa;--secondary-100:#ccfbf1;--secondary-200:#99f6e4;--secondary-300:#5eead4;--secondary-400:#2dd4bf;--secondary-500:#14b8a6;--secondary-600:#0d9488;--secondary-700:#0f766e;--secondary-800:#115e59;--secondary-900:#134e4a;--accent-50:#faf5ff;--accent-100:#f3e8ff;--accent-200:#e9d5ff;--accent-300:#d8b4fe;--accent-400:#c084fc;--accent-500:#a855f7;--accent-600:#9333ea;--accent-700:#7c3aed;--accent-800:#6b21a8;--accent-900:#581c87;--neutral-50:#fafafa;--neutral-100:#f4f4f5;--neutral-200:#e4e4e7;--neutral-300:#d4d4d8;--neutral-400:#a1a1aa;--neutral-500:#71717a;--neutral-600:#52525b;--neutral-700:#3f3f46;--neutral-800:#27272a;--neutral-900:#18181b;--neutral-950:#09090b;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--warning-900:#78350f;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--info-50:#eff6ff;--info-100:#dbeafe;--info-200:#bfdbfe;--info-300:#93c5fd;--info-400:#60a5fa;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--info-800:#1e40af;--info-900:#1e3a8a;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-mono:"Fira Code","SF Mono",Monaco,"Inconsolata","Fira Mono","Droid Sans Mono","Source Code Pro",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--text-8xl:6rem;--text-9xl:8rem;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-none:0 0 #0000;--transition-fast:150ms;--transition-base:200ms;--transition-slow:300ms;--transition-slower:500ms;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-60:60;--z-70:70;--z-80:80;--z-90:90;--z-100:100;--z-max:9999;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}@media (prefers-color-scheme:dark){:root{--bg-primary:var(--neutral-900);--bg-secondary:var(--neutral-800);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-300)}}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--neutral-50);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);min-height:100vh;position:relative}body,h1,h2,h3,h4,h5,h6{color:var(--neutral-900)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight)}h1{font-size:var(--text-5xl)}h1,h2{font-weight:var(--font-bold);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h3,h4{font-weight:var(--font-semibold)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h5,h6{font-weight:var(--font-medium)}h6{font-size:var(--text-lg)}p{color:var(--neutral-700);margin-bottom:var(--space-4)}a{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast) ease}a:hover{color:var(--primary-700);text-decoration:underline}ol,ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}input,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;font-family:inherit}img{display:block;height:auto;max-width:100%}table{border-collapse:collapse;width:100%}code,pre{font-family:var(--font-mono);font-size:var(--text-sm)}code{background-color:var(--neutral-100);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2)}pre{background-color:var(--neutral-900);border-radius:var(--radius-lg);color:var(--neutral-50);overflow-x:auto;padding:var(--space-4)}pre code{background-color:initial;padding:0}.container{margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);width:100%}@media (min-width:640px){.container{max-width:var(--container-sm);padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:768px){.container{max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:var(--container-lg);padding-left:var(--space-8);padding-right:var(--space-8)}}@media (min-width:1280px){.container{max-width:var(--container-xl)}}@media (min-width:1536px){.container{max-width:var(--container-2xl)}}:focus{outline:2px solid var(--primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}::selection{background-color:var(--primary-200);color:var(--primary-900)}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-in-out}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);gap:var(--space-2);justify-content:center;line-height:var(--leading-normal);overflow:hidden;padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:all var(--transition-base) ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-primary{background-color:var(--primary-600);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-700);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--primary-800);transform:translateY(0)}.btn-secondary{background-color:#fff;border:1px solid var(--neutral-300);color:var(--neutral-700)}.btn-secondary:hover:not(:disabled){background-color:var(--neutral-50);border-color:var(--neutral-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{background-color:initial;color:var(--neutral-700)}.btn-ghost:hover:not(:disabled){background-color:var(--neutral-100);color:var(--neutral-900)}.btn-danger{background-color:var(--error-600);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--error-700);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-sm{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.btn-lg{font-size:var(--text-base);padding:var(--space-3) var(--space-6)}.btn-xl{font-size:var(--text-lg);padding:var(--space-4) var(--space-8)}.card{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-base);overflow:hidden;transition:all var(--transition-base) ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--neutral-200);padding:var(--space-4) var(--space-6)}.card-body{padding:var(--space-6)}.card-footer{background-color:var(--neutral-50);border-top:1px solid var(--neutral-200);padding:var(--space-4) var(--space-6)}.feature-icon{align-items:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:var(--radius-xl);display:flex;font-size:var(--text-3xl);height:var(--space-16);justify-content:center;margin-bottom:var(--space-6);width:var(--space-16)}.form-label{color:var(--neutral-700);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.form-input{background-color:#fff;border:1px solid var(--neutral-300);border-radius:var(--radius-lg);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast) ease;width:100%}.form-input:hover{border-color:var(--neutral-400)}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.form-input-error{border-color:var(--error-500)}.form-input-error:focus{box-shadow:0 0 0 3px var(--error-100)}.form-error{color:var(--error-600)}.form-error,.form-hint{font-size:var(--text-sm);margin-top:var(--space-1)}.form-hint{color:var(--neutral-600)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;padding:var(--space-1) var(--space-3)}.badge-primary{background-color:var(--primary-100);color:var(--primary-700)}.badge-success{background-color:var(--success-100);color:var(--success-700)}.badge-warning{background-color:var(--warning-100);color:var(--warning-700)}.badge-error{background-color:var(--error-100);color:var(--error-700)}.alert{align-items:flex-start;border:1px solid;border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-4)}.alert-info{background-color:var(--info-50);border-color:var(--info-200);color:var(--info-900)}.alert-success{background-color:var(--success-50);border-color:var(--success-200);color:var(--success-900)}.alert-warning{background-color:var(--warning-50);border-color:var(--warning-200);color:var(--warning-900)}.alert-error{background-color:var(--error-50);border-color:var(--error-200);color:var(--error-900)}.nav{align-items:center;display:flex;gap:var(--space-2)}.nav-link{border-radius:var(--radius-lg);color:var(--neutral-700);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all var(--transition-fast) ease}.nav-link:hover{background-color:var(--neutral-100);color:var(--neutral-900);text-decoration:none}.nav-link.active{background-color:var(--primary-100);color:var(--primary-700)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-50)}.modal{background-color:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-header{border-bottom:1px solid var(--neutral-200);padding:var(--space-6)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.modal-footer{border-top:1px solid var(--neutral-200);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6)}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-300) 50%,var(--neutral-200) 75%);background-size:200% 100%;border-radius:var(--radius-lg)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{animation:spin 1s linear infinite;border:3px solid var(--neutral-200);border-radius:var(--radius-full);border-top-color:var(--primary-600);height:var(--space-8);width:var(--space-8)}.hero{background:linear-gradient(135deg,var(--primary-50),var(--secondary-50));overflow:hidden;position:relative}.hero-content{padding:var(--space-20) 0}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-700),var(--secondary-700));-webkit-background-clip:text;background-clip:text}.hero-subtitle{max-width:600px}@media (max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-lg)}}.landing-page{background-color:var(--neutral-50);min-height:100vh}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid var(--neutral-200);position:-webkit-sticky;position:sticky;top:0;transition:all var(--transition-base) ease;z-index:var(--z-40)}.landing-header.scrolled{box-shadow:var(--shadow-md)}.header-content{justify-content:space-between;padding:var(--space-4) 0}.header-content,.logo{align-items:center;display:flex}.logo{gap:var(--space-3)}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));-webkit-background-clip:text;background-clip:text;font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0}.nav-menu{align-items:center;display:flex;gap:var(--space-6)}.nav-menu a{color:var(--neutral-700);font-weight:var(--font-medium);position:relative;text-decoration:none;transition:color var(--transition-fast) ease}.nav-menu a:after{background-color:var(--primary-600);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base) ease;width:0}.nav-menu a:hover{color:var(--primary-600)}.nav-menu a:hover:after{width:100%}.btn-login-header{align-items:center;background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-6);text-decoration:none;transition:all var(--transition-base) ease}.btn-login-header:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));box-shadow:var(--shadow-md)}.user-menu{align-items:center;display:flex;gap:var(--space-4)}.user-greeting{color:var(--neutral-700);font-weight:var(--font-medium)}.hero-section{background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 100%);overflow:hidden;padding:var(--space-24) 0;position:relative}.hero-section:before{background:radial-gradient(circle,var(--primary-200) 0,#0000 70%);border-radius:var(--radius-full);content:"";filter:blur(60px);height:80%;opacity:.3;position:absolute;right:-20%;top:-50%;width:80%}.hero-content{grid-gap:var(--space-12);align-items:center;display:grid;gap:var(--space-12);grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero-text{animation:fadeInUp var(--transition-slower) ease-out}.hero-title{color:var(--neutral-900);font-size:var(--text-6xl);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-6)}.hero-subtitle{color:var(--neutral-700);font-size:var(--text-xl);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-4)}.btn-primary-large{background-color:var(--primary-600);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-8);transition:all var(--transition-base) ease}.btn-primary-large:hover{background-color:var(--primary-700);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-secondary-large{background-color:#fff;border:2px solid var(--neutral-300);border-radius:var(--radius-xl);color:var(--neutral-700);cursor:pointer;font-size:var(--text-lg);font-weight:var(--font-semibold);padding:var(--space-4) var(--space-8);transition:all var(--transition-base) ease}.btn-secondary-large:hover{border-color:var(--primary-600);box-shadow:var(--shadow-md);color:var(--primary-600);transform:translateY(-2px)}.user-status{animation:fadeIn var(--transition-slow) ease-in;margin-top:var(--space-8)}.status-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6)}.status-card h3{color:var(--neutral-900);font-size:var(--text-lg);margin-bottom:var(--space-4)}.status-card p{color:var(--neutral-700);margin-bottom:var(--space-2)}.status-active{color:var(--success-600);font-weight:var(--font-semibold)}.hero-image{animation:fadeIn var(--transition-slower) ease-out;position:relative}.hero-illustration{margin:0 auto;max-width:600px;position:relative;width:100%}.video-call-mockup{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;padding:var(--space-8);position:relative}.mockup-screen{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr);min-height:300px}.participant{align-items:center;background:var(--neutral-100);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-base) ease}.participant:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.participant.doctor{background:linear-gradient(135deg,var(--primary-100),var(--primary-200));grid-column:span 2}.participant .avatar{align-items:center;border:3px solid #fff;border-radius:var(--radius-full);box-shadow:var(--shadow-md);display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.participant .avatar svg{color:var(--primary-700);height:40px;width:40px}.participant span{color:var(--neutral-700);font-weight:var(--font-medium)}.features-section{background:#fff;padding:var(--space-24) 0}.section-header{margin-bottom:var(--space-16);text-align:center}.section-header h2{font-size:var(--text-5xl);margin-bottom:var(--space-4)}.section-header p{color:var(--neutral-600);font-size:var(--text-xl);margin:0 auto;max-width:600px}.features-grid{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-base);overflow:hidden;padding:var(--space-8);position:relative;transition:all var(--transition-slow) ease}.feature-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.feature-card:before{background:linear-gradient(90deg,var(--primary-400),var(--secondary-400));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-slow) ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card .feature-icon{align-items:center;background:linear-gradient(135deg,var(--primary-100),var(--secondary-100));border:2px solid var(--primary-200);border-radius:var(--radius-2xl);display:flex;height:var(--space-20);justify-content:center;margin-bottom:var(--space-6);overflow:hidden;width:var(--space-20)}.feature-card .feature-icon svg{color:var(--primary-600);height:40px;width:40px}.feature-card h3{color:var(--neutral-900);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.feature-card ul{list-style:none;margin-bottom:var(--space-6);padding:0}.feature-card li{color:var(--neutral-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-3);padding-left:var(--space-8);position:relative}.feature-card li:before{color:var(--success-600);content:"✓";font-size:var(--text-lg);font-weight:var(--font-bold);left:0;position:absolute}.feature-highlight{background:linear-gradient(135deg,var(--primary-50),var(--secondary-50));border-radius:var(--radius-lg);color:var(--primary-700);font-weight:var(--font-semibold);padding:var(--space-4);text-align:center}.how-it-works-section{background:var(--neutral-50);padding:var(--space-24) 0}.steps-container{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative}.step{display:flex;gap:var(--space-4);position:relative}.step-number{align-items:center;background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-shrink:0;font-size:var(--text-2xl);font-weight:var(--font-bold);height:var(--space-16);justify-content:center;width:var(--space-16)}.step-content h3{color:var(--neutral-900);font-size:var(--text-xl);margin-bottom:var(--space-3)}.step-content p{color:var(--neutral-700);line-height:var(--leading-relaxed)}.benefits-section{background:#fff;padding:var(--space-24) 0}.benefits-content{margin:0 auto;max-width:1000px}.benefits-text h2{color:var(--neutral-900);font-size:var(--text-5xl);margin-bottom:var(--space-8);text-align:center}.benefits-list{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.benefit-item{background:var(--neutral-50);border-radius:var(--radius-xl);display:flex;gap:var(--space-4);padding:var(--space-6);transition:all var(--transition-base) ease}.benefit-item:hover{background:#fff;box-shadow:var(--shadow-md);transform:translateX(4px)}.benefit-icon{align-items:center;background:linear-gradient(135deg,var(--primary-100),var(--secondary-100));border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:var(--text-2xl);height:var(--space-12);justify-content:center;width:var(--space-12)}.benefit-item h4{color:var(--neutral-900);font-size:var(--text-lg);margin-bottom:var(--space-2)}.benefit-item p{color:var(--neutral-600);margin:0}.cta-section{background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));overflow:hidden;padding:var(--space-24) 0;position:relative;text-align:center}.cta-section:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:var(--radius-full);content:"";height:60%;left:-20%;position:absolute;top:-50%;width:60%}.cta-content{position:relative;z-index:1}.cta-content h2{color:#fff;font-size:var(--text-5xl);margin-bottom:var(--space-4)}.cta-content p{color:#ffffffe6;font-size:var(--text-xl);margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.cta-section .btn-primary-large{background-color:#fff;color:var(--primary-700)}.cta-section .btn-secondary-large{background-color:initial;border-color:#fff;color:#fff}.landing-footer{background:var(--neutral-900);color:var(--neutral-300);padding:var(--space-16) 0 var(--space-8)}.footer-content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--space-8)}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:var(--space-4)}.footer-section p{color:var(--neutral-400);margin-bottom:var(--space-2)}.footer-bottom{border-top:1px solid var(--neutral-800);color:var(--neutral-500);padding-top:var(--space-8);text-align:center}@media (max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-buttons{justify-content:center}.hero-image{margin:0 auto;max-width:500px}}@media (max-width:768px){.nav-menu{flex-direction:column;gap:var(--space-3)}.header-content{flex-direction:column;gap:var(--space-4)}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-lg)}.benefits-list,.features-grid,.mockup-screen{grid-template-columns:1fr}.participant.doctor{grid-column:span 1}}.recording-section{background:linear-gradient(135deg,var(--neutral-50) 0,var(--primary-50) 100%);padding:var(--space-24) 0}.recording-content{grid-gap:var(--space-12);align-items:center;display:grid;gap:var(--space-12);grid-template-columns:1fr 1fr}.recording-text h2{color:var(--neutral-900);font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-6)}.recording-text p{color:var(--neutral-700);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.recording-benefits{display:flex;flex-direction:column;gap:var(--space-6)}.recording-benefit{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-4);padding:var(--space-4);transition:all var(--transition-base) ease}.recording-benefit:hover{box-shadow:var(--shadow-md);transform:translateX(8px)}.recording-benefit .benefit-icon{align-items:center;background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-radius:var(--radius-lg);color:var(--primary-600);display:flex;flex-shrink:0;height:var(--space-12);justify-content:center;width:var(--space-12)}.recording-benefit .benefit-icon svg{height:24px;width:24px}.recording-benefit .ai-icon{background:linear-gradient(135deg,var(--primary-100),var(--primary-200))}.recording-benefit .ai-icon svg{color:var(--primary-600)}.recording-benefit h4{color:var(--neutral-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.recording-benefit p{color:var(--neutral-600);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.recording-visual{align-items:center;display:flex;justify-content:center}.recording-mockup{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-8);width:100%}.video-player{aspect-ratio:16/9;background:var(--neutral-900);border-radius:var(--radius-lg);overflow:hidden;position:relative}.video-controls{background:linear-gradient(#0000,#000c);bottom:0;gap:var(--space-3);left:0;padding:var(--space-4);position:absolute;right:0}.play-button,.video-controls{align-items:center;display:flex}.play-button{background:var(--primary-600);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:var(--text-lg);height:var(--space-10);justify-content:center;transition:all var(--transition-base) ease;width:var(--space-10)}.play-button:hover{background:var(--primary-700);transform:scale(1.1)}.progress-bar{background:#ffffff4d;flex:1 1;height:4px;overflow:hidden;position:relative}.progress,.progress-bar{border-radius:var(--radius-full)}.progress{background:var(--primary-500);height:100%;width:35%}.video-info{color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium)}@media (max-width:1024px){.recording-content{gap:var(--space-8);grid-template-columns:1fr;text-align:center}.recording-text h2{font-size:var(--text-3xl)}}@media (max-width:768px){.recording-benefits{gap:var(--space-4)}.recording-benefit{padding:var(--space-3)}.recording-text h2{font-size:var(--text-2xl)}.recording-text p{font-size:var(--text-base)}}.btn-dashboard{background:var(--primary-600);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);margin-left:var(--space-3);padding:var(--space-2) var(--space-6);transition:all var(--transition-base) ease}.btn-dashboard:hover{background:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-logout{background:#0000;border:1px solid var(--neutral-300);border-radius:var(--radius-lg);color:var(--neutral-600);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);margin-left:var(--space-2);padding:var(--space-2) var(--space-6);transition:all var(--transition-base) ease}.btn-logout:hover{border-color:var(--primary-600);box-shadow:var(--shadow-sm);color:var(--primary-600);transform:translateY(-1px)}.auth-container{align-items:center;background:linear-gradient(135deg,var(--primary-50) 0,var(--secondary-50) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-4);position:relative}.auth-container:before{background:radial-gradient(circle,var(--primary-200) 0,#0000 70%);left:-30%;top:-50%}.auth-container:after,.auth-container:before{border-radius:var(--radius-full);content:"";filter:blur(80px);height:60%;opacity:.3;position:absolute;width:60%}.auth-container:after{background:radial-gradient(circle,var(--secondary-200) 0,#0000 70%);bottom:-50%;right:-30%}.auth-card{animation:fadeInUp var(--transition-slower) ease-out;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:440px;overflow:hidden;position:relative;width:100%;z-index:1}.auth-header{padding:var(--space-12) var(--space-8) var(--space-8);position:relative;text-align:center}.auth-header:after{background:linear-gradient(90deg,#0000,var(--neutral-200),#0000);bottom:0;content:"";height:1px;left:20%;position:absolute;right:20%}.auth-logo{margin-bottom:var(--space-6)}.auth-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0}.auth-header h2{color:var(--neutral-900);font-size:var(--text-2xl);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.auth-header p{color:var(--neutral-600);font-size:var(--text-base);line-height:var(--leading-relaxed)}.auth-form{padding:var(--space-8)}.form-group{margin-bottom:var(--space-6)}.form-group label{color:var(--neutral-700);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.form-group input,.form-group select{background-color:var(--neutral-50);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--text-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast) ease;width:100%}.form-group input:hover,.form-group select:hover{background-color:#fff;border-color:var(--neutral-300)}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100);outline:none}.form-group input::placeholder{color:var(--neutral-400)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:var(--space-6)}.role-description{color:var(--neutral-500);display:block;font-size:var(--text-xs);font-style:italic;margin-top:var(--space-1)}.form-group input.error,.form-group select.error{border-color:var(--error-500)}.form-group input.error:focus,.form-group select.error:focus{box-shadow:0 0 0 4px var(--error-100)}.field-error{animation:fadeIn var(--transition-fast) ease-in;color:var(--error-600);display:block;font-size:var(--text-sm);margin-top:var(--space-1)}.error-message{animation:fadeInUp var(--transition-fast) ease-out;background:var(--error-50);font-size:var(--text-sm);gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4)}.error-message:before{font-size:var(--text-lg)}.auth-button{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);overflow:hidden;padding:var(--space-4);position:relative;transition:all var(--transition-base) ease;width:100%}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left var(--transition-slow) ease;width:100%}.auth-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.auth-button:hover:not(:disabled):before{left:100%}.auth-button:active:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(0)}.auth-button:disabled{background:var(--neutral-400);cursor:not-allowed;transform:none}.auth-footer{background:var(--neutral-50);border-top:1px solid var(--neutral-200);padding:var(--space-6) var(--space-8) var(--space-8);text-align:center}.auth-footer p{color:var(--neutral-600);font-size:var(--text-sm);margin-bottom:var(--space-2)}.auth-footer p:last-child{margin-bottom:0}.auth-link{color:var(--primary-600);font-weight:var(--font-medium);position:relative;text-decoration:none;transition:all var(--transition-fast) ease}.auth-link:after{background-color:var(--primary-600);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base) ease;width:0}.auth-link:hover{color:var(--primary-700)}.auth-link:hover:after{width:100%}.auth-button.loading{color:#0000}.auth-button.loading:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:var(--radius-full);border-top-color:#0000;content:"";height:var(--space-5);left:50%;margin-left:calc(var(--space-5)/-2);margin-top:calc(var(--space-5)/-2);position:absolute;top:50%;width:var(--space-5)}@keyframes success-pulse{0%{box-shadow:0 0 0 0 var(--success-400)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 0 0 #0000}}.auth-success{animation:success-pulse 2s ease-in-out}@media (max-width:640px){.auth-card{margin:var(--space-4);max-width:100%}.auth-header{padding:var(--space-8) var(--space-6) var(--space-6)}.auth-form{padding:var(--space-6)}.auth-footer{padding:var(--space-4) var(--space-6) var(--space-6)}.form-row{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.auth-card{background:var(--neutral-800);color:var(--neutral-100)}.auth-header h2{color:#fff}.auth-header p{color:var(--neutral-300)}.auth-header:after{background:linear-gradient(90deg,#0000,var(--neutral-700),#0000)}.form-group label{color:var(--neutral-200)}.form-group input,.form-group select{background-color:var(--neutral-700);border-color:var(--neutral-600);color:#fff}.form-group input:hover,.form-group select:hover{background-color:var(--neutral-600);border-color:var(--neutral-500)}.form-group input:focus,.form-group select:focus{background-color:var(--neutral-700);border-color:var(--primary-400);box-shadow:0 0 0 4px var(--primary-900)}.auth-footer{background:var(--neutral-900);border-top-color:var(--neutral-700)}.auth-footer p{color:var(--neutral-400)}}.dashboard{background-color:var(--neutral-50);min-height:100vh}.dashboard-header{background:#fff;border-bottom:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-30)}.dashboard-header-content{align-items:center;display:flex;gap:var(--space-6);justify-content:space-between;margin:0 auto;max-width:var(--container-xl);padding:var(--space-6) var(--space-8)}.header-info h1{color:var(--neutral-900);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-1) 0}.header-info p{color:var(--neutral-600);font-size:var(--text-sm);margin:0}.header-stats{align-items:center;display:flex;gap:var(--space-4)}.stat-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);min-width:120px;padding:var(--space-4) var(--space-6);text-align:center;transition:all var(--transition-base) ease}.stat-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-number{display:block;font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-1)}.stat-label{color:var(--neutral-600);display:block;font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase}.stat-card.urgent .stat-number{color:var(--error-600)}.stat-card.active .stat-number{color:var(--success-600)}.header-actions{gap:var(--space-4)}.connection-status{display:flex}.connection-status,.status-indicator{align-items:center;gap:var(--space-2)}.status-indicator{border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-base) ease}.status-indicator:before{border-radius:var(--radius-full);content:"";display:inline-block;height:8px;width:8px}.status-indicator.connected{background-color:var(--success-100);color:var(--success-700)}.status-indicator.connected:before{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--success-500)}.status-indicator.disconnected{background-color:var(--error-100);color:var(--error-700)}.status-indicator.disconnected:before{background-color:var(--error-500)}.dashboard-content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:2fr 1fr;margin:0 auto;max-width:var(--container-xl);padding:var(--space-8)}.main-section{display:flex;flex-direction:column;gap:var(--space-6)}.queue-section{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-base);overflow:hidden;transition:all var(--transition-base) ease}.queue-section:hover{box-shadow:var(--shadow-lg)}.section-header{align-items:center;background:var(--neutral-50);border-bottom:1px solid var(--neutral-100);display:flex;justify-content:space-between;padding:var(--space-6)}.section-header h2{align-items:center;color:var(--neutral-900);display:flex;font-size:var(--text-xl);font-weight:var(--font-semibold);gap:var(--space-2);margin:0}.section-controls{align-items:center;display:flex;gap:var(--space-3)}.priority-filter{background:#fff;border:2px solid var(--neutral-200);border-radius:var(--radius-lg);color:var(--neutral-700);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast) ease}.priority-filter:hover{background-color:var(--neutral-50);border-color:var(--neutral-300)}.priority-filter:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.queue-list{max-height:600px;overflow-y:auto;padding:var(--space-4)}.queue-list::-webkit-scrollbar{width:8px}.queue-list::-webkit-scrollbar-track{background:var(--neutral-100);border-radius:var(--radius-full)}.queue-list::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}.queue-list::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.queue-entry-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);margin-bottom:var(--space-4);overflow:hidden;padding:var(--space-6);position:relative;transition:all var(--transition-base) ease}.queue-entry-card:before{background-color:var(--neutral-300);bottom:0;content:"";left:0;position:absolute;top:0;transition:all var(--transition-base) ease;width:4px}.queue-entry-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateX(4px)}.queue-entry-card.priority-urgent:before{background-color:var(--error-500)}.queue-entry-card.priority-normal:before{background-color:var(--warning-500)}.queue-entry-card.priority-routine:before{background-color:var(--success-500)}.entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.patient-info h3{color:var(--neutral-900);font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.patient-info p{color:var(--neutral-600);font-size:var(--text-sm);margin:0}.priority-badge{align-items:center;display:flex;gap:var(--space-2)}.priority-label{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);padding:var(--space-1) var(--space-3);text-transform:uppercase}.priority-label.priority-urgent{background-color:var(--error-100);color:var(--error-700)}.priority-label.priority-normal{background-color:var(--warning-100);color:var(--warning-700)}.priority-label.priority-routine{background-color:var(--success-100);color:var(--success-700)}.entry-details{margin-bottom:var(--space-4)}.wait-info{display:flex;gap:var(--space-8);margin-bottom:var(--space-3)}.wait-stat{display:flex;flex-direction:column;gap:var(--space-1)}.wait-label{color:var(--neutral-500);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase}.wait-value{color:var(--neutral-900);font-size:var(--text-base);font-weight:var(--font-semibold)}.emergency-contact,.reason{color:var(--neutral-600);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-top:var(--space-2)}.entry-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.call-now-btn{align-items:center;background-color:var(--success-600);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-5);transition:all var(--transition-base) ease}.call-now-btn:hover{background-color:var(--success-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.call-now-btn:active{transform:translateY(0)}.empty-queue,.loading-state{color:var(--neutral-500);padding:var(--space-16);text-align:center}.loading-state .spinner{margin:0 auto var(--space-4)}.empty-queue-icon{font-size:var(--text-6xl);margin-bottom:var(--space-4);opacity:.5}.empty-queue h3{color:var(--neutral-700);font-size:var(--text-xl);margin-bottom:var(--space-2)}.empty-queue p{color:var(--neutral-500)}.error-message{align-items:center;background-color:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);color:var(--error-700);display:flex;gap:var(--space-3);margin:var(--space-4);padding:var(--space-4)}.error-message:before{content:"⚠️";font-size:var(--text-xl)}.active-calls-section{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-base);height:-webkit-fit-content;height:fit-content;padding:var(--space-6);position:-webkit-sticky;position:sticky;top:100px}.active-calls-section h2{align-items:center;color:var(--neutral-900);display:flex;font-size:var(--text-xl);font-weight:var(--font-semibold);gap:var(--space-2);margin-bottom:var(--space-4)}.no-active-calls{color:var(--neutral-500);font-size:var(--text-sm);padding:var(--space-8) var(--space-4);text-align:center}.active-call-card{background:var(--success-50);border:2px solid var(--success-200);margin-bottom:var(--space-3);padding:var(--space-4);transition:all var(--transition-base) ease}.active-call-card:hover{border-color:var(--success-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.call-info h4{color:var(--neutral-900);font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.call-info p{color:var(--neutral-600);font-size:var(--text-sm);margin:0}.join-call-btn{background-color:var(--primary-600);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-top:var(--space-3);padding:var(--space-2) var(--space-4);transition:all var(--transition-base) ease;width:100%}.join-call-btn:hover{background-color:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.notifications-panel{display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;position:fixed;right:var(--space-6);top:var(--space-20);z-index:var(--z-50)}.notification{animation:slideInRight var(--transition-slow) ease-out;background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;padding:var(--space-4);position:relative}.notification:before{bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.notification.alert:before{background-color:var(--error-500)}.notification.info:before{background-color:var(--info-500)}.notification.success:before{background-color:var(--success-500)}.patient-dashboard .dashboard-content{grid-template-columns:1fr;max-width:var(--container-lg)}.request-call-section{display:flex;justify-content:center;margin-bottom:var(--space-8)}.call-request-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:600px;overflow:hidden;padding:var(--space-12);position:relative;text-align:center;width:100%}.call-request-card:before{background:linear-gradient(90deg,var(--primary-400),var(--secondary-400));content:"";height:6px;left:0;position:absolute;right:0;top:0}.call-request-card h2{color:var(--neutral-900);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-4)}.call-request-card p{color:var(--neutral-600);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.request-call-btn{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;border-radius:var(--radius-xl);color:#fff;cursor:pointer;font-size:var(--text-xl);font-weight:var(--font-semibold);overflow:hidden;padding:var(--space-5) var(--space-10);position:relative;transition:all var(--transition-base) ease}.request-call-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.request-call-btn:active{transform:translateY(0)}.queue-status-section{display:flex;justify-content:center;margin-bottom:var(--space-8)}.queue-status-card{background:#fff;border-left:6px solid var(--warning-500);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:600px;padding:var(--space-8);text-align:center;width:100%}.queue-status-card h2{color:var(--neutral-900);font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.queue-info{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 1fr;margin-bottom:var(--space-6)}.position,.wait-time{text-align:center}.position .number,.wait-time .number{color:var(--warning-600);display:block;font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:1;margin-bottom:var(--space-2)}.position .label,.wait-time .label{color:var(--neutral-500);display:block;font-size:var(--text-sm);font-weight:var(--font-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase}.status-message{color:var(--neutral-600);font-size:var(--text-base);font-style:italic}.family-dashboard .dashboard-content{grid-template-columns:1fr;max-width:var(--container-lg)}.observer-access-section{display:flex;justify-content:center;margin-bottom:var(--space-8)}.observer-note{background:var(--info-50);border:1px solid var(--info-200);border-radius:var(--radius-lg);color:var(--info-700);font-size:var(--text-sm);font-style:italic;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);text-align:center}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}.active-calls-section{position:static}}@media (max-width:768px){.dashboard-header-content{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.header-stats{justify-content:space-between;width:100%}.stat-card{flex:1 1;min-width:auto;padding:var(--space-3) var(--space-2)}.dashboard-content{padding:var(--space-4)}.section-header{align-items:stretch;flex-direction:column;gap:var(--space-3)}.section-controls{justify-content:space-between}.wait-info{flex-direction:column;gap:var(--space-2)}.queue-info{gap:var(--space-4);grid-template-columns:1fr}.call-request-card{padding:var(--space-8)}.request-call-btn{font-size:var(--text-lg);padding:var(--space-4) var(--space-6)}}.recording-notice{background:linear-gradient(135deg,var(--primary-50),var(--primary-100));border:1px solid var(--primary-200);border-radius:var(--radius-lg);margin:var(--space-4) 0;padding:var(--space-4)}.recording-notice h4{color:var(--primary-700);font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.recording-notice p{color:var(--primary-600);font-size:var(--text-sm);margin:0}.history-description{background:var(--neutral-50);border-radius:var(--radius-lg);color:var(--neutral-700);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);padding:var(--space-4)}.view-recording-btn{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-base) ease}.view-recording-btn:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));box-shadow:var(--shadow-md)}.active-call-card{background:#fff;border:1px solid var(--neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.active-call-card h2{align-items:center;color:var(--success-600);display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.active-call-card h2:before{animation:pulse 2s infinite;background:var(--success-500);border-radius:var(--radius-full);content:"";height:12px;width:12px}@media (max-width:600px){.MuiTypography-h1,h1{font-size:2rem!important}.MuiTypography-h2,h2{font-size:1.75rem!important}.MuiTypography-h3,h3{font-size:1.5rem!important}.MuiTypography-h4,h4{font-size:1.25rem!important}.MuiTypography-h5,h5{font-size:1.1rem!important}.MuiTypography-h6,h6{font-size:1rem!important}.MuiButton-root{font-size:.875rem!important;min-height:44px!important;min-width:44px!important;padding:10px 20px!important}.MuiButton-sizeSmall{min-height:36px!important;padding:6px 16px!important}.MuiButton-sizeLarge{min-height:52px!important;padding:12px 28px!important}.MuiIconButton-root{padding:12px!important}.MuiChip-root{font-size:.875rem!important;height:36px!important}.MuiCard-root,.MuiPaper-root{border-radius:12px!important}.MuiContainer-root{padding-left:16px!important;padding-right:16px!important}.MuiStack-root{gap:12px!important}.MuiGrid-container{margin:-8px!important}.MuiGrid-item{padding:8px!important}.MuiSelect-select,.MuiTextField-root input{font-size:16px!important}.MuiDialog-paper{margin:16px!important;max-height:calc(100% - 32px)!important}.MuiAppBar-root{min-height:56px!important}.MuiTab-root{font-size:.875rem!important;min-height:48px!important;padding:12px 16px!important}.MuiListItem-root{padding-left:12px!important;padding-right:12px!important}.MuiAvatar-root{height:40px!important;width:40px!important}.MuiBadge-badge{font-size:.75rem!important;height:20px!important;min-width:20px!important}}@media (min-width:600px) and (max-width:960px){.MuiContainer-maxWidthLg{max-width:900px!important}.MuiButton-root{min-height:40px!important;padding:8px 22px!important}.MuiTypography-h1,h1{font-size:2.5rem!important}.MuiTypography-h2,h2{font-size:2rem!important}.MuiTypography-h3,h3{font-size:1.75rem!important}}@media (min-width:960px) and (max-width:1280px){.MuiContainer-maxWidthXl{max-width:1200px!important}}@media (hover:none) and (pointer:coarse){.MuiButton-root,.MuiChip-root[onClick],.MuiIconButton-root,a,button{min-height:44px!important;min-width:44px!important}.MuiButton-root:hover{background-color:inherit!important}.MuiButton-root:active,.MuiIconButton-root:active{opacity:.7;transform:scale(.98);transition:all .1s ease}.MuiButton-root,.MuiChip-root,.MuiIconButton-root{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}}@media (max-height:600px) and (orientation:landscape){.MuiContainer-root{padding-bottom:8px!important;padding-top:8px!important}.MuiAppBar-root{min-height:48px!important}.MuiDialog-paper{max-height:90vh!important}}@supports (-webkit-touch-callout:none){body{min-height:-webkit-fill-available}input,select,textarea{font-size:16px!important}.MuiAppBar-root{padding-top:env(safe-area-inset-top)}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width:600px){.MuiDialog-root{position:fixed}}@media print{.MuiAppBar-root,.MuiBottomNavigation-root,.mobile-bottom-nav{display:none!important}.MuiContainer-root{max-width:100%!important;padding:0!important}}@media (prefers-color-scheme:dark) and (max-width:600px){body{background-color:#121212;color:#fff}.MuiPaper-root{background-color:#1e1e1e}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (prefers-contrast:high){.MuiButton-root{border:2px solid!important}.MuiCard-root,.MuiPaper-root{border:1px solid!important}}.mobile-only{display:none!important}@media (max-width:600px){.mobile-only{display:block!important}.mobile-hidden{display:none!important}}.tablet-only{display:none!important}@media (min-width:600px) and (max-width:960px){.tablet-only{display:block!important}.tablet-hidden{display:none!important}}.desktop-only{display:none!important}@media (min-width:960px){.desktop-only{display:block!important}.desktop-hidden{display:none!important}}.mobile-full-width{width:100%!important}@media (max-width:600px){.mobile-center{text-align:center!important}.mobile-stack{flex-direction:column!important}.mobile-no-gap{gap:0!important}.mobile-compact-padding{padding:8px!important}}*{box-sizing:border-box}.video-call-container{background:#202124;color:#e8eaed;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.video-call-loading{align-items:center;background:var(--surface-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-container{padding:2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-primary);border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--accent-primary);height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container h3{font-size:1.5rem;font-weight:500;margin:0 0 .5rem}.loading-container p{font-size:1rem;margin:0;opacity:.8}.video-call-error{align-items:center;background:#202124;color:#e8eaed;display:flex;height:100vh;justify-content:center}.error-container{max-width:400px;padding:2rem;text-align:center}.error-icon{font-size:4rem;margin-bottom:1rem}.error-container h2{font-size:1.5rem;font-weight:500;margin:0 0 1rem}.error-container p{line-height:1.5;margin:0 0 1.5rem;opacity:.8}.error-actions{display:flex;gap:1rem;justify-content:center}.back-btn,.retry-btn{border:none;border-radius:24px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.retry-btn{background:#1a73e8;color:#fff}.retry-btn:hover{background:#1557b0}.back-btn{background:#0000;border:1px solid #5f6368;color:#e8eaed}.back-btn:hover{background:#3c4043}.video-call-layout{display:flex;flex-direction:column;height:100vh}.call-header{background:#303134;border-bottom:1px solid #3c4043;justify-content:space-between;min-height:64px;padding:.75rem 1.5rem;z-index:100}.call-header,.header-left{align-items:center;display:flex}.header-left{flex:1 1}.call-info{display:flex;flex-direction:column}.call-title{color:#e8eaed;font-size:1rem;font-weight:500;margin:0}.call-meta{align-items:center;color:#9aa0a6;display:flex;font-size:.75rem;gap:.5rem;margin-top:.25rem}.separator{opacity:.5}.recording-status{align-items:center;display:flex;gap:.25rem}.recording-dot{animation:pulse 2s infinite;background:#ea4335;border-radius:50%;height:6px;width:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header-center{display:flex;flex:0 0 auto;justify-content:center}.layout-controls{background:#3c4043;border-radius:8px;display:flex;gap:.5rem;padding:.25rem}.layout-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#9aa0a6;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.layout-btn:hover{background:#5f6368;color:#e8eaed}.layout-btn.active{background:#1a73e8;color:#fff}.header-right{flex:1 1;justify-content:flex-end}.header-actions,.header-right{align-items:center;display:flex}.header-actions{gap:1rem}.action-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#9aa0a6;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.action-btn:hover{background:#3c4043;color:#e8eaed}.action-btn.active{background:#1a73e8;color:#fff}.user-badge{align-items:center;background:#3c4043;border-radius:16px;color:#e8eaed;display:flex;font-size:.75rem;gap:.5rem;padding:.5rem .75rem}.role-indicator{border-radius:50%;height:8px;width:8px}.role-indicator.patient{background:#34a853}.role-indicator.employee{background:#1a73e8}.role-indicator.family{background:#fbbc04}.role-indicator.admin{background:#ea4335}.main-content{display:flex;flex:1 1;min-height:0}.video-area{background:#202124;flex:1 1;position:relative;transition:all .3s ease}.video-area.with-chat{flex-basis:calc(100% - 320px);flex-grow:0;flex-shrink:0}.video-conference{height:100%;width:100%}.chat-sidebar{background:#303134;border-left:1px solid #3c4043;width:320px}.chat-sidebar,.observer-view{display:flex;flex-direction:column}.observer-view{height:100%;padding:1rem}.observer-banner{align-items:center;background:#3c4043;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.observer-icon{font-size:1.5rem}.observer-text h4{font-size:1rem;font-weight:500;margin:0 0 .25rem}.observer-text p{color:#9aa0a6;font-size:.875rem;line-height:1.4;margin:0}.observer-video-area{flex:1 1;margin-bottom:1rem;overflow:hidden}.observer-info,.observer-video-area{background:#3c4043;border-radius:12px}.observer-info{padding:1rem}.participant-list h5{color:#e8eaed;font-size:.875rem;font-weight:500;margin:0 0 .75rem}.participant-item{align-items:center;display:flex;gap:.75rem;padding:.5rem 0}.participant-avatar{align-items:center;background:#1a73e8;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:500;height:32px;justify-content:center;width:32px}.participant-name{color:#e8eaed;font-size:.875rem}.controls-area{background:#303134;border-top:1px solid #3c4043;padding:1rem 1.5rem}.control-bar{align-items:center;display:flex;gap:1rem}.control-bar,.observer-controls{justify-content:space-between}.controls-center,.controls-left,.controls-right{align-items:center;display:flex;gap:.75rem}.controls-center{flex:1 1;justify-content:center}.observer-label{color:#9aa0a6;font-size:.875rem;font-style:italic}.control-btn{align-items:center;background:#3c4043;border:none;border-radius:24px;color:#e8eaed;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.control-btn:hover{background:#5f6368}.control-btn.active{background:#1a73e8;color:#fff}.control-btn.secondary{background:#5f6368}.control-btn.secondary:hover{background:#80868b}.control-btn.danger{background:#ea4335;color:#fff}.control-btn.danger:hover{background:#d33b2c}.custom-controls{display:flex;gap:.5rem}.lk-video-conference{height:100%!important}.lk-grid-layout,.lk-video-conference{background:#202124!important}.lk-participant-tile{background:#3c4043!important;border-radius:12px!important;overflow:hidden!important}.lk-participant-metadata{background:#000000b3!important;border-radius:8px!important;color:#fff!important;font-size:.875rem!important;font-weight:500!important;padding:.5rem!important}.lk-control-bar{background:#0000!important;border:none!important;padding:0!important}.lk-button{background:#3c4043!important;border:none!important;border-radius:50%!important;color:#e8eaed!important;height:48px!important;transition:all .2s ease!important;width:48px!important}.lk-button:hover{background:#5f6368!important}.lk-button.lk-button-danger{background:#ea4335!important;color:#fff!important}.lk-button.lk-button-danger:hover{background:#d33b2c!important}.lk-chat{background:#303134!important;border:none!important;color:#e8eaed!important}.lk-chat-entry{background:#3c4043!important;border-radius:8px!important;margin-bottom:.5rem!important;padding:.75rem!important}.lk-chat-entry .lk-meta{color:#9aa0a6!important;font-size:.75rem!important}.lk-chat-entry .lk-message{color:#e8eaed!important;font-size:.875rem!important;line-height:1.4!important}@media (max-width:1024px){.video-area.with-chat{flex-basis:calc(100% - 280px);flex-grow:0;flex-shrink:0}.chat-sidebar{width:280px}.call-header{padding:.5rem 1rem}.header-center{display:none}}@media (max-width:768px){.call-header{flex-direction:column;gap:.5rem;min-height:auto;padding:.75rem}.header-left,.header-right{flex:none;width:100%}.header-right{justify-content:space-between}.call-meta{flex-wrap:wrap}.video-area.with-chat{flex:1 1}.chat-sidebar{box-shadow:-4px 0 12px #0000004d;height:100%;position:absolute;right:0;top:0;z-index:200}.controls-area{padding:.75rem 1rem}.control-bar{flex-wrap:wrap;gap:.5rem}.observer-view{padding:.75rem}}@media (max-width:480px){.call-header{padding:.5rem}.call-title{font-size:.875rem}.call-meta,.user-badge{font-size:.6875rem}.user-badge{padding:.25rem .5rem}.control-btn{font-size:.75rem;padding:.5rem .75rem}.observer-banner{flex-direction:column;gap:.5rem;padding:.75rem;text-align:center}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.video-call-container{background:#000}.call-header,.controls-area{background:#1a1a1a;border-color:#666}.action-btn,.control-btn,.layout-btn{border:1px solid #666}}