*{box-sizing:border-box;margin:0;padding:0}
    body{background:#ECFFDC;display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:'DM Sans', sans-serif;padding:20px}
    .card{display:flex;background:#fff;border-radius:28px;overflow:hidden;max-width:880px;width:100%;min-height:500px;border:1px solid #d4f5e2;position:relative}
 
    /* LEFT PANEL */
    .left{flex:1;background:#50C878;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 20px 32px;min-width:270px;overflow:hidden}
    .bg-circle1{position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,0.08);top:-60px;left:-60px;pointer-events:none}
    .bg-circle2{position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,255,255,0.07);bottom:60px;right:-50px;pointer-events:none}
    .bg-dots{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.07;pointer-events:none}
    .nurse-svg{position:relative;z-index:2;margin-bottom:4px}
    .left-text{position:relative;z-index:2;text-align:center}
    .left-text h3{font-family:'DM Serif Display', serif;color:#fff;font-size:18px;font-weight:600;margin-bottom:4px}
    .left-text p{color:rgba(255,255,255,0.85);font-size:12.5px;line-height:1.5}
    .status-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.3);color:#fff;font-size:11.5px;padding:5px 12px;border-radius:20px;margin-top:12px}
    .sdot{width:7px;height:7px;border-radius:50%;background:#ECFFDC;flex-shrink:0}
 
    /* RIGHT PANEL */
    .right{flex:1.35;padding:42px 38px;display:flex;flex-direction:column;background:#fff}
    .right h2{font-family:'DM Serif Display', serif;font-size:27px;font-weight:700;color:#1a1a1a;margin-bottom:4px}
    .right .sub{font-size:13px;color:#888;margin-bottom:30px}
    .info-item{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #f0faf4;cursor:default}
    .info-item:last-of-type{border-bottom:none}
    .ibox{width:42px;height:42px;border-radius:12px;background:#ECFFDC;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .ibox svg{width:18px;height:18px;stroke:#50C878;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
    .itext h4{font-size:11px;font-weight:600;color:#aaa;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}
    .itext p,.itext a{font-size:14px;color:#333;text-decoration:none}
    .itext a{color:#50C878;font-weight:500}
    .btns{display:flex;gap:12px;margin-top:26px}
    .btn-primary{flex:1;padding:13px;background:#50C878;color:#fff;border:none;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s;font-family:inherit}
    .btn-primary:hover{background:#3db065;transform:translateY(-1px)}
    .btn-outline{flex:1;padding:13px;background:transparent;color:#50C878;border:2px solid #50C878;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s;font-family:inherit}
    .btn-outline:hover{background:#ECFFDC;transform:translateY(-1px)}
 
    /* TOAST */
    .toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%) translateY(50px);background:#1a5e35;color:#fff;font-size:13px;padding:9px 20px;border-radius:20px;opacity:0;transition:.3s;pointer-events:none;white-space:nowrap;z-index:99}
    .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
 
    /* MODAL */
    .modal-bg{display:none;position:absolute;inset:0;background:rgba(0,0,0,0.32);z-index:50;align-items:center;justify-content:center;border-radius:28px}
    .modal-bg.open{display:flex}
    .modal{background:#fff;border-radius:20px;padding:28px;width:310px;border:1px solid #d4f5e2;position:relative}
    .modal h3{font-family:'DM Serif Display', serif;font-size:17px;font-weight:700;color:#1a1a1a;margin-bottom:3px}
    .modal .msub{font-size:13px;color:#888;margin-bottom:16px}
    .modal input,.modal textarea{width:100%;padding:10px 13px;font-size:13px;border:1.5px solid #d4f5e2;border-radius:10px;background:#f9fffe;color:#333;margin-bottom:10px;font-family:inherit;resize:none;outline:none}
    .modal input:focus,.modal textarea:focus{border-color:#50C878}
    .mbtns{display:flex;gap:10px;margin-top:2px}
    .msend{flex:1;padding:11px;background:#50C878;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}
    .msend:hover{background:#3db065}
    .mcancel{padding:11px 14px;background:transparent;color:#888;border:1.5px solid #ddd;border-radius:10px;font-size:14px;cursor:pointer;font-family:inherit}
    .closex{position:absolute;top:12px;right:14px;background:none;border:none;font-size:18px;color:#aaa;cursor:pointer;line-height:1}
 
    @media(max-width:600px){
      .card{flex-direction:column}
      .left{min-width:unset;padding:24px 20px}
      .right{padding:28px 24px}
    }

    /* -- ENTRY ANIMATIONS -- */
    .card {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 1s ease-out, transform 1s cubic-bezier(0.16, 1, 0.3, 1);
      will-change: opacity, transform;
    }
    .card.reveal {
      opacity: 1;
      transform: translateY(0);
    }