:root{font-family:Inter,ui-sans-serif,system-ui;background:#0a0c10;color:#f5f7fb;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 0,#173040 0,transparent 38%),#0a0c10;min-height:100vh}main{max-width:940px;margin:auto;padding:48px 22px}header{display:flex;align-items:center;gap:18px;margin-bottom:34px}.mark{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#73e2c3;color:#09201b;font-weight:900}h1,h2,p{margin:0}header p{color:#9ca7b5;margin-top:5px}#health{margin-left:auto;padding:8px 12px;border:1px solid #29313d;border-radius:999px;color:#aab3bf;font-size:13px}.settings{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-bottom:18px;padding:16px;background:#11161d;border:1px solid #222a34;border-radius:18px}label{font-size:12px;color:#96a2b1}input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #303a47;border-radius:10px;background:#0c1117;color:white}button{border:0;border-radius:11px;padding:12px 18px;background:#73e2c3;color:#08201a;font-weight:800;cursor:pointer}#drop{position:relative;text-align:center;padding:74px 20px;border:1px dashed #405064;border-radius:24px;background:#10151b;margin-bottom:34px}#drop.over{border-color:#73e2c3;background:#10201d}#drop input{position:absolute;inset:0;opacity:0;cursor:pointer}#drop p{color:#929eae;margin:10px 0 24px}.job{padding:16px;margin-top:10px;background:#11161d;border:1px solid #222a34;border-radius:14px}.row{display:flex;justify-content:space-between;gap:12px}.meta{font-size:13px;color:#9aa6b5;margin-top:6px}.bar{height:7px;background:#29313c;border-radius:9px;overflow:hidden;margin-top:12px}.bar i{display:block;height:100%;background:#73e2c3;width:0}.empty{color:#838e9c;padding:25px 0}@media(max-width:680px){.settings{grid-template-columns:1fr}.settings button{width:100%}header{align-items:flex-start}#health{display:none}}