:root{--teal:#008c7d;--dark:#004b4b;--mint:#e2f7f1;--line:#e1ebe9;--ink:#19323b;--muted:#71868c}*{box-sizing:border-box}body{margin:0;background:#f2f7f6;color:var(--ink);font:15px/1.45 system-ui,-apple-system,'Segoe UI',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:28px 21px;display:flex;flex-direction:column;gap:13px}.brand{font-size:26px;font-weight:850;color:var(--dark);display:flex;align-items:center;gap:9px;flex-wrap:wrap}.brandicon{display:inline-grid;place-items:center;background:linear-gradient(140deg,#40cbb5,#007e74);border-radius:15px;color:white;width:40px;height:40px}.brand small{font-size:10px;letter-spacing:.08em;color:var(--muted)}.sidebar p,.sidebar>small{color:var(--muted);font-size:12px}.screen-menu{display:grid;gap:3px}.screen-menu button{border:0;background:transparent;text-align:left;border-radius:10px;padding:9px;color:#456168;font-size:13px}.screen-menu button.active{background:var(--mint);color:var(--dark);font-weight:750}.screen-menu button b{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e8f0ee;margin-right:8px}.screen-menu button.active b{background:var(--teal);color:#fff}.side-actions{display:grid;gap:7px;margin-top:12px}.side-actions button,.stage-foot button{background:#fff;border:1px solid #c8dbd6;border-radius:10px;padding:10px;color:var(--dark);font-weight:700}.stage{padding:22px 20px;min-width:0}.stage-head{max-width:900px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.stage-head strong{display:block}.stage-head span{display:block;color:var(--muted);font-size:12px}.test-badge{border-radius:99px;padding:7px 12px;background:#e0f5ef;color:#006e62!important;font-weight:800;white-space:nowrap}.device{display:flex;justify-content:center;padding:20px 0 12px}.phone{background:white;width:375px;max-width:100%;height:725px;border:9px solid #17282c;border-radius:43px;box-shadow:0 25px 65px #133c3c30;overflow:hidden;position:relative}.phone:before{content:"";position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);width:120px;height:21px;background:#17282c;border-radius:0 0 18px 18px}.status{height:36px;display:flex;justify-content:space-between;padding:7px 25px 0;font-size:11px;font-weight:800;position:relative;z-index:2}.screen{height:calc(100% - 36px);overflow-y:auto;padding:12px 20px 22px;scrollbar-width:thin}.screen.splash{background:linear-gradient(150deg,#005f58,#008e7d);color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;margin-top:-36px;padding-top:75px;height:calc(100% + 36px)}.splash .biglogo{font-size:78px;font-weight:900;line-height:1}.splash .cross{font-size:72px;color:#a5ffe7}.splash p{margin-top:6px}.splash .actions{margin-top:auto;width:100%;padding-bottom:24px}.splash button{background:#fff;color:var(--dark)}.splash .outline{color:#fff;border-color:#fff;background:transparent}.screen h1{font-size:24px;line-height:1.2;margin:20px 0 9px;color:#10363b}.screen h2{font-size:19px;margin:13px 0 10px;color:#10363b}.screen p{color:#70868a;margin:5px 0 14px;font-size:13px}.topline{display:flex;justify-content:space-between;align-items:center;margin:4px 0 16px}.wordmark{font-size:21px;font-weight:900;color:var(--dark)}.wordmark i{font-style:normal;color:#18a995}.back{border:0;background:transparent;color:#1d4144;font-size:23px;padding:2px 8px 2px 0}.screen label{display:block;color:#47666b;font-size:12px;font-weight:700;margin:12px 0 6px}.screen input,.screen textarea,.screen select{width:100%;border:1px solid #dce8e6;background:#f8fbfa;border-radius:12px;padding:12px;color:#203c42;outline-color:var(--teal)}.screen textarea{resize:vertical;min-height:80px}.btn{width:100%;border:0;border-radius:12px;padding:13px 10px;background:var(--teal);color:#fff;font-weight:800;margin-top:12px}.btn.secondary{background:#e8f5f1;color:#006b62}.btn.outline{background:transparent;color:var(--teal);border:1px solid var(--teal)}.btn.white{background:#fff;color:var(--teal)}.center{text-align:center}.subtle{font-size:11px!important;color:#8ba09e!important}.illustration{height:180px;background:radial-gradient(circle,#b9ede0 0 24%,#e5f7f1 25% 50%,#f6fbf9 51%);display:grid;place-items:center;border-radius:20px;font-size:70px;margin:25px 0}.hero-card{border-radius:16px;background:linear-gradient(130deg,#009d8b,#006e67);padding:20px;color:#fff;min-height:150px;margin:20px 0}.hero-card strong{display:block;font-size:21px}.hero-card p{color:#e6fff8}.tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tile{background:#f3f8f7;border:1px solid #e6efec;border-radius:13px;padding:18px 11px;min-height:90px;font-weight:700;color:#31555a;text-align:left}.tile span{display:block;font-size:24px;color:var(--teal)}.bottom-nav{display:flex;justify-content:space-around;border-top:1px solid var(--line);margin:20px -20px -10px;padding:12px 4px;color:var(--teal);font-size:11px}.bottom-nav button{border:0;background:transparent;color:inherit;font-size:11px}.stepper{display:flex;justify-content:space-between;gap:6px;margin:15px 0 25px}.stepper span{font-size:11px;background:#e9f3f0;border-radius:99px;padding:6px 10px;color:#6d8985}.stepper .current{background:var(--teal);color:#fff}.map{height:195px;background:linear-gradient(35deg,transparent 48%,#fff 49% 52%,transparent 53%),linear-gradient(120deg,transparent 42%,#fff 43% 47%,transparent 48%),repeating-linear-gradient(0deg,#d8e9df 0 32px,#e9f3ed 32px 60px);border-radius:14px;position:relative;overflow:hidden;margin:12px 0}.pin{position:absolute;font-size:27px}.pin.one{top:24px;left:27%}.pin.two{top:92px;left:62%}.pin.three{top:125px;left:15%}.map .you{position:absolute;top:76px;left:45%;background:#2087f7;border:4px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 7px #268ef33d}.pharmacy-item{padding:12px 2px;border-bottom:1px solid var(--line)}.pharmacy-item strong{display:block;font-size:13px;color:var(--dark)}.pharmacy-item small{color:var(--muted)}.pharmacy-item .choose{float:right;border:0;border-radius:8px;background:var(--teal);color:#fff;padding:8px 12px}.pill{display:inline-block;border-radius:99px;background:#e2f6f0;color:#007467;font-size:11px;font-weight:750;padding:4px 9px;margin:3px 3px 0 0}.timeline{padding-left:17px;border-left:3px solid #c9e5df;margin:22px 0}.timeline div{position:relative;padding:0 0 25px 15px;font-size:13px}.timeline div:before{content:'✓';position:absolute;left:-29px;top:0;border-radius:50%;background:var(--teal);color:white;width:23px;height:23px;text-align:center}.timeline .pending:before{content:'·';background:#cbd5d5}.success-symbol{display:grid;place-items:center;margin:50px auto 18px;border-radius:50%;width:112px;height:112px;background:#d8f5eb;color:#008b7b;font-size:70px}.detail{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.detail span{color:var(--muted)}.note{background:#fff7e7;border:1px solid #f1dfb5;color:#8d671d;border-radius:11px;padding:10px;font-size:11px;margin:12px 0}.profile-row{display:flex;justify-content:space-between;padding:15px 4px;border-bottom:1px solid var(--line);font-size:13px}.stage-foot{display:flex;align-items:center;justify-content:center;gap:15px}.stage-foot span{color:var(--muted);font-size:12px}#message{max-width:500px;margin:12px auto;color:#b84c3d;text-align:center;font-size:13px}.modal{position:fixed;inset:0;background:#142b2bbb;display:grid;place-items:center;z-index:10;padding:18px}.hidden{display:none!important}.modal-card{background:#fff;border-radius:20px;width:650px;max-width:100%;max-height:85vh;overflow:auto;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head button{border:0;background:#eaf3f0;padding:9px;border-radius:9px}.modal-card select{padding:9px;border:1px solid var(--line);border-radius:8px;width:100%}.modal-item{padding:14px;border:1px solid var(--line);border-radius:12px;margin:10px 0}.modal-item button{padding:8px 12px;border:0;background:var(--teal);color:white;border-radius:8px;margin:8px 5px 0 0}.modal-item button.no{background:#647b7b}@media(max-width:760px){.workspace{display:block}.sidebar{padding:12px 16px}.sidebar p,.sidebar>small{display:none}.screen-menu{display:flex;overflow-x:auto;white-space:nowrap}.screen-menu button{flex-shrink:0}.side-actions{display:flex;margin:0}.side-actions button{flex:1}.stage{padding:12px}.stage-head{display:none}.device{padding:8px 0}.phone{height:700px;width:365px}.stage-foot button{padding:8px;font-size:12px}}@media(max-width:400px){.phone{width:100%;height:690px;border-width:5px;border-radius:30px}}