@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");:root{--navy:#10283D;--teal:#19B6B0;--ice:#D9EAF3;--ink:#172B3A;--muted:#6B7D89;--line:#E1E8EC;--bg:#F4F7F9}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1120px;margin:0 auto;min-height:100vh;padding-bottom:90px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 22px}.brand,.topbar{display:flex;align-items:center}.brand{gap:11px}.brand-mark{width:43px;height:43px;border-radius:12px;background:var(--teal);color:white;display:grid;place-items:center}.brand strong{display:block;font:800 19px Manrope,sans-serif;letter-spacing:1.5px;color:var(--navy)}.brand span{display:block;font-size:9px;letter-spacing:1.2px;color:var(--muted);margin-top:2px}.icon-button{border:1px solid var(--line);background:white;color:var(--navy);width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.hero{background:var(--navy);color:white;padding:34px 24px 27px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#A9C6D8}.eyebrow.dark{color:#718895}.hero h1{font:800 clamp(30px,5vw,46px)/1.12 Manrope,sans-serif;margin:15px 0 10px;letter-spacing:-1.5px}.hero p{color:#C1D4E0;max-width:520px;font-size:14px;line-height:1.6;margin:0}.hero-foot{display:flex;align-items:center;gap:8px;margin-top:23px;font-size:11px;color:#C1D4E0}.status-dot{width:7px;height:7px;border-radius:50%;background:#6DE0B4}.pill{display:inline-flex;border-radius:30px;padding:5px 9px;background:#EAF5F5;color:#167F7C;font-size:10px;font-weight:700}.hero .pill{background:#25465D;color:#D7E7F1}.content{padding:25px 22px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.modal h2,.placeholder h2,.section-heading h2{font:700 23px Manrope,sans-serif;margin:5px 0 0;color:var(--navy)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:var(--teal);color:#062F35;border-radius:10px;font-weight:700;padding:12px 16px}.primary.small{padding:10px 12px;font-size:12px}.primary.full{width:100%;margin-top:8px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:17px}.panel,.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.stat-card span{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;color:var(--navy);font:800 27px Manrope,sans-serif;margin-top:8px}.panel{margin-bottom:13px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-title h3{font:700 15px Manrope,sans-serif;margin:0}.text-button{border:0;background:none;color:#128F8C;font-weight:700;font-size:12px}.record{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f3}.record:last-child{border:0;padding-bottom:0}.record-icon{width:38px;height:38px;display:grid;place-items:center;background:#EAF5F5;color:#168F8B;border-radius:11px}.record-main{display:flex;flex-direction:column;gap:3px}.record-main strong{font-size:13px}.muted,.record-main small,.record-main span{font-size:11px;color:var(--muted)}.record-main small{font-size:12px;color:#405664}.callout{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:#E8F4F5;color:#137E7B}.callout strong{font-size:13px}.callout p{font-size:12px;line-height:1.5;margin:5px 0 0;color:#45636A}.search{display:flex;align-items:center;gap:9px;background:white;border:1px solid var(--line);border-radius:11px;padding:0 12px;margin-bottom:14px;color:var(--muted)}.search input{height:44px;border:0;outline:0;width:100%;background:transparent}.interview-card p{font-size:13px;margin:10px 0 0}.empty,.placeholder{background:white;border:1px dashed #cbd8df;border-radius:15px;padding:35px 20px;text-align:center;color:var(--muted)}.placeholder{margin-top:10vh;border-style:solid}.placeholder-icon{width:54px;height:54px;border-radius:15px;background:#E8F4F5;color:#168F8B;display:grid;place-items:center;margin:0 auto 18px}.placeholder p{max-width:420px;margin:10px auto 0;font-size:13px;line-height:1.6}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1120px);height:70px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:none;color:#84949E;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:58px;font-size:10px}.bottom-nav button.active{color:#128F8C;font-weight:700}.modal-backdrop{position:fixed;inset:0;z-index:10;background:#071B2B99;display:flex;align-items:flex-end;justify-content:center;padding:12px}.modal{background:white;border-radius:20px 20px 14px 14px;padding:22px;width:min(100%,540px);max-height:92dvh;overflow:auto;display:flex;flex-direction:column;gap:12px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.modal label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#405664}.modal input,.modal select,.modal textarea{width:100%;border:1px solid #d8e2e8;border-radius:9px;padding:11px;background:white;color:var(--ink);outline-color:var(--teal)}.toast{position:fixed;z-index:20;bottom:82px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;border-radius:12px;padding:13px 16px;width:min(calc(100% - 28px),520px);font-size:12px;box-shadow:0 8px 30px #0002}footer{text-align:center;color:#94A3AC;font-size:9px;letter-spacing:1px;padding:5px 20px 25px}@media(min-width:760px){.hero{border-radius:0 0 20px 20px;padding:48px 42px}.content{padding:32px 42px}.bottom-nav{position:static;transform:none;width:100%;border:1px solid var(--line);border-radius:14px;margin:0 auto 25px;max-width:700px}.modal-backdrop{align-items:center}.modal{border-radius:20px}.shell{padding-bottom:20px}}@media(max-width:420px){.content{padding:20px 14px}.topbar{padding:0 14px}.stats-grid{gap:7px}.stat-card{padding:12px}.stat-card strong{font-size:23px}.section-heading h2{font-size:20px}.bottom-nav button{min-width:50px;font-size:9px}}