:root{--ink:#102d42;--navy:#071f38;--purple:#6246d8;--violet:#8b68ef;--bg:#f3f5fb;--line:#dde3ed;--green:#16a276}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-hero{padding:8vw;background:radial-gradient(circle at 15% 10%,#a88bff55,transparent 25%),linear-gradient(145deg,#071d37,#452ea1);color:#fff;display:flex;flex-direction:column;justify-content:center}.login-hero h1{font-size:clamp(2.7rem,5vw,5rem);line-height:.98;letter-spacing:-.06em;max-width:680px;margin:20px 0}.login-hero p{font-size:1.1rem;color:#d9d2f5;max-width:580px}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px}.hero-points span{padding:10px 14px;border:1px solid #ffffff35;border-radius:99px}.login-area{display:grid;place-items:center;padding:25px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 55px #12233a0c}.login-card{width:min(430px,100%);padding:36px}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:46px;height:46px;border-radius:15px;background:linear-gradient(145deg,var(--purple),var(--violet));color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.4rem}.brand div{display:flex;flex-direction:column}.brand small{opacity:.65}.login-card h2{margin:32px 0 5px}.login-card>p{color:#6c7b8c;margin-top:0}label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:.87rem}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #ccd5e1;border-radius:11px;background:#fff;color:var(--ink)}.check{flex-direction:row;align-items:center;font-weight:600;margin:18px 0;color:#526579}.check input{width:18px}.primary,.secondary,.logout{border:0;padding:12px 18px;border-radius:11px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--purple),#7655e5);color:#fff}.secondary{background:#ece8ff;color:#4934a8}.login-card>.primary{width:100%}.privacy{display:block;text-align:center;color:#7a8998;margin-top:18px}.alert{padding:13px 16px;border-radius:12px;margin:12px 0}.error{background:#ffeaed;color:#a52a3b}.success{background:#e6f8f0;color:#087052}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.app aside{background:var(--navy);color:#fff;padding:25px;display:flex;flex-direction:column}.brand.light{margin-bottom:38px}.app nav{display:grid;gap:8px}.app nav a{padding:13px;border-radius:11px;color:#b8c7d7}.app nav .active{background:#ffffff12;color:#fff}.logout{margin-top:auto;background:#ffffff0d;color:#fff}.app main{min-width:0}.app header{height:90px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 35px}.app h1{margin:4px 0;font-size:1.6rem}.eyebrow{font-size:.7rem;letter-spacing:.16em;font-weight:900;color:var(--purple)}.user-chip{display:flex;align-items:center;gap:10px}.user-chip>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ece8ff;color:#543ac0;font-weight:900}.user-chip div{display:flex;flex-direction:column}.content{padding:30px;max-width:1250px;margin:auto}.welcome{padding:30px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(130deg,#fff,#f1edff)}.welcome h2{font-size:2rem;margin:8px 0}.pulse{width:75px;height:75px;border-radius:50%;background:#7655e520;color:#6747d8;display:grid;place-items:center;font-size:2rem}.schedule{padding:20px;margin-top:18px}.schedule summary{font-weight:900;cursor:pointer}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.wide{grid-column:1/-1}.section-title{display:flex;justify-content:space-between;align-items:end;margin:30px 0 15px}.section-title h2{margin:5px 0}.appointments{display:grid;gap:12px}.appointment{display:grid;grid-template-columns:80px 1fr minmax(220px,330px);gap:20px;padding:20px;align-items:center}.date{border-right:1px solid var(--line);display:flex;flex-direction:column;text-align:center}.date b{font-size:2rem}.date span{font-size:.72rem;font-weight:900}.status{font-size:.65rem;font-weight:900;border-radius:99px;padding:5px 8px;background:#eee}.status.IN_PROGRESS{background:#dff7ef;color:#08785a}.status.COMPLETED{background:#e8edf3}.appointment h3{margin:8px 0 4px}.appointment p,.appointment small{color:#718092}.appointment-actions{display:grid;gap:8px}.button{text-align:center;text-decoration:none}.empty{padding:45px;text-align:center;color:#7a8998}.room{min-height:100vh;background:#07101d;padding-bottom:40px}.room-head{height:74px;padding:0 25px;color:#fff;display:flex;align-items:center;justify-content:space-between}.room-head a{color:#cbd5e1;text-decoration:none}.room-head div{display:flex;flex-direction:column;text-align:center}.room-head small{color:#8fa1b7}.secure{color:#5ee2b5}.video-stage{height:calc(100vh - 100px);min-height:520px;position:relative;background:#0c1727;overflow:hidden;border-radius:24px;margin:0 22px}.video-stage>video[data-remote]{width:100%;height:100%;object-fit:cover}.video-stage .local{position:absolute;right:20px;top:20px;width:min(24vw,260px);aspect-ratio:3/4;object-fit:cover;border-radius:18px;border:2px solid #ffffff55;background:#172235;z-index:3}.waiting{position:absolute;inset:0;display:grid;place-content:center;text-align:center;color:#fff}.waiting .pulse{margin:auto}.waiting p{color:#9cabc0}.call-status{position:absolute;left:20px;bottom:90px;color:#fff;background:#0008;padding:8px 12px;border-radius:99px}.controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;background:#07101dcc;padding:10px;border-radius:18px}.controls button{border:0;border-radius:12px;padding:12px 16px;color:#fff;background:#253249;font-weight:800}.controls .start{background:#6047d4}.controls .danger{background:#a92e45}.record{max-width:1100px;margin:25px auto;padding:25px}.record h2{margin-top:5px}@media(max-width:750px){.login-shell{grid-template-columns:1fr}.login-hero{min-height:35vh;padding:35px 24px}.login-hero h1{font-size:2.6rem}.hero-points{display:none}.app{display:block}.app aside{display:none}.app header{padding:0 18px}.user-chip div{display:none}.content{padding:18px}.appointment{grid-template-columns:55px 1fr}.appointment-actions{grid-column:1/-1}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.video-stage{margin:0;height:calc(100vh - 90px)}.room-head{padding:0 12px}.room-head .secure{display:none}.controls{width:calc(100% - 20px);justify-content:center}.controls button span{display:none}.video-stage .local{width:115px;right:10px;top:10px}.record{margin:15px}.welcome .pulse{display:none}}