:root{font:15px/1.5 system-ui,sans-serif;color:#1c1c1e}body{margin:0;background:#f5f5f7}.wrap{max-width:760px;margin:32px auto;padding:0 16px}.topbar{display:flex;align-items:center;gap:12px}.topbar h1{font-size:20px;margin:0;flex:1}button{font:inherit;padding:6px 12px;border:1px solid #c7c7cc;border-radius:8px;background:#fff;cursor:pointer}button:hover{background:#f0f0f3}.drop{margin:16px 0;padding:28px;text-align:center;color:#6b6b70;border:2px dashed #c7c7cc;border-radius:12px}.banner-err{color:#b00020}.empty{color:#8e8e93}.job{background:#fff;border:1px solid #e5e5ea;border-radius:12px;padding:12px 14px;margin-bottom:10px}.job__head{display:flex;justify-content:space-between;font-weight:600}.job__stale{color:#b25000;font-weight:600}.job__bar{position:relative;height:20px;background:#ececf0;border-radius:6px;margin:8px 0;overflow:hidden}.job__bar-fill{position:absolute;inset:0 auto 0 0;background:#2563eb}.job__bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#1c1c1e}.job__meta{font-size:13px;color:#6b6b70;display:flex;gap:12px;flex-wrap:wrap}.job__err{color:#b00020}.job__actions{display:flex;gap:8px;margin-top:10px}.tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid #e5e5ea;padding-bottom:4px}.tabs button{border:none;background:none;padding:6px 14px;border-radius:8px 8px 0 0;font-size:14px;color:#6b6b70}.tabs button.on{background:#fff;color:#1c1c1e;font-weight:600;border:1px solid #e5e5ea;border-bottom:1px solid #fff;margin-bottom:-1px}.seg{display:flex;border:1px solid #c7c7cc;border-radius:10px;overflow:hidden;width:fit-content;margin-bottom:16px}.seg button{border:none;border-radius:0;background:#fff;padding:6px 16px;font-size:14px;border-right:1px solid #c7c7cc}.seg button:last-child{border-right:none}.seg button.on{background:#2563eb;color:#fff;font-weight:600}.seg button:hover:not(.on){background:#f0f0f3}.settings{background:#fff;border:1px solid #e5e5ea;border-radius:14px;padding:20px 24px}.settings label{display:block;font-size:13px;font-weight:600;margin:14px 0 4px}.settings input,.settings select{width:100%;box-sizing:border-box;font:inherit;padding:7px 10px;border:1px solid #c7c7cc;border-radius:8px;background:#fff}.settings input:focus,.settings select:focus{outline:2px solid #2563eb;border-color:transparent}.row{display:flex;gap:8px;align-items:center;margin-top:4px}.row input{flex:1}.guide{font-size:13px;color:#6b6b70;margin:12px 0 4px;line-height:1.5}.banner-warn{color:#b25000;background:#fff8f0;border:1px solid #ffd6a5;border-radius:8px;padding:8px 12px;font-size:13px;margin:8px 0}.toast{color:#1a7a3f;background:#f0faf4;border:1px solid #a5d6b5;border-radius:8px;padding:8px 12px;font-size:13px;margin-top:10px}.ok{color:#1a7a3f;font-size:13px}.bad{color:#b00020;font-size:13px}.muted{color:#8e8e93;font-weight:400}.ghost{background:none;border:1px solid #c7c7cc;color:#b00020;font-size:13px;padding:5px 10px}.ghost:hover{background:#fff5f5}.primary{background:#2563eb;color:#fff;border-color:#2563eb;font-weight:600}.primary:hover{background:#1d4fd8}.gate{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:64px auto}.gate input{font:inherit;padding:8px 12px;border:1px solid #c7c7cc;border-radius:8px}.gate p{color:#555;margin:0}