
:root{--ink:#172c29;--muted:#62746f;--green:#176e57;--lime:#ddefad;--bg:#f5f7f2;--line:#dfe6dc}*{box-sizing:border-box}body{margin:0;font:15px/1.5 Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #84b5ee;outline-offset:3px}.shell{display:flex;min-height:100vh}aside{width:235px;padding:30px 23px;background:white;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0}.brand{font-size:26px;font-weight:800;letter-spacing:-1px}.brand b{color:var(--green)}.tiny{font-size:12px;color:var(--muted)}nav{margin-top:40px;display:grid;gap:8px}nav button{border:0;background:none;text-align:left;padding:13px 15px;border-radius:12px;color:var(--muted)}nav button.active{background:#e7f1e8;color:var(--green);font-weight:bold}.sidefoot{margin-top:35px;padding:16px;background:var(--bg);border-radius:15px;font-size:12px}.main{margin-left:235px;width:calc(100% - 235px);padding:27px 42px 50px;max-width:1550px}.top{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:28px}.badge{display:inline-block;background:#e6eee5;border-radius:30px;padding:5px 11px;font-size:12px}.top select{border:1px solid var(--line);padding:8px 12px;background:white;border-radius:10px}h1{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:10px 0}h2{font-size:21px;margin:0 0 12px}h3{font-size:17px;margin:0 0 7px}p{margin:8px 0 15px}.muted{color:var(--muted)}.hero{background:var(--green);color:white;padding:30px;border-radius:23px;margin:20px 0 24px;display:flex;justify-content:space-between;gap:30px}.hero p{color:#d6e6dc}.hero .badge{background:#3c8b70;color:white}.hero button{background:var(--lime);color:var(--ink)}.btn{border:0;background:var(--green);color:white;padding:11px 17px;border-radius:10px;font-weight:600}.btn.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.btn.small{padding:7px 11px;font-size:12px}.grid{display:grid;grid-template-columns:1.45fr 1fr;gap:23px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:23px}.metric{font-size:29px;font-weight:700}.progress{height:8px;background:#e9eee5;border-radius:8px;overflow:hidden;margin:15px 0}.progress span{display:block;background:#73a77b;height:100%}.step{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step input{width:21px;height:21px;accent-color:var(--green);flex-shrink:0}.step div{flex:1}.step.done h3{color:var(--muted);text-decoration:line-through}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.tag{font-size:11px;padding:4px 9px;background:#f0f3ed;border-radius:6px;display:inline-block;margin:3px 3px 3px 0}.job{margin:15px 0}.salary{color:var(--green);font-weight:700}.job-actions{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}label{display:block;font-weight:600;margin:12px 0 5px}input,select,textarea{width:100%;border:1px solid #cad7ca;border-radius:9px;padding:11px;background:white;color:var(--ink)}textarea{resize:vertical;min-height:105px}.top select{width:auto}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.output{background:#f7f9f4;border:1px solid var(--line);border-radius:12px;padding:18px;white-space:pre-wrap;line-height:1.65;min-height:230px}.notice{padding:10px 0;color:var(--muted);font-size:12px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tabs button{background:white;border:1px solid var(--line);padding:9px 13px;border-radius:10px}.tabs button.active{background:var(--green);color:white}.empty{padding:32px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 24px;border-radius:12px;z-index:10}.hidden{display:none!important}a{color:var(--green)}.ring{min-width:120px;text-align:center;padding:17px;border:1px solid #65a68d;border-radius:20px;align-self:center}.ring strong{font-size:36px}.list{padding-left:20px}footer{margin-top:28px;font-size:12px;color:var(--muted)}.answer{background:#eaf3e7;padding:15px;border-radius:10px;margin-top:12px}.integration{padding:14px 0;border-bottom:1px solid var(--line)}
@media(max-width:1050px){.main{padding:25px}.grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){aside{position:static;width:100%;padding:16px;border-right:0}nav{margin:15px 0 0;display:flex;overflow-x:auto;gap:3px}nav button{white-space:nowrap;padding:9px}.sidefoot,aside>.tiny{display:none}.shell{display:block}.main{margin:0;width:100%;padding:18px}.top{flex-wrap:wrap}.cards{grid-template-columns:1fr}.hero{padding:22px;gap:15px}.ring{min-width:85px}.fields{grid-template-columns:1fr}h1{font-size:29px}.card{padding:18px}.hero .btn{max-width:220px}}

/* Adapter: legacy body>.shell rule, shell is now inside the app root. */
body:not(.account-ready) .shell{visibility:hidden}
