:root{--bg: #f4f6f8;--panel: #ffffff;--border: #dde3ea;--text: #1f2933;--muted: #6b7280;--accent: #0b5fff;--danger: #dc3545;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.link{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font:inherit}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.small{font-size:.8em;word-break:break-all}.muted{color:var(--muted)}.error-text{color:var(--danger);margin-left:.5rem}.app-loading{padding:4rem;text-align:center;color:var(--muted)}.topbar{display:flex;align-items:center;gap:1.5rem;background:#101828;color:#fff;padding:0 1.25rem;height:52px}.topbar .brand{font-weight:700}.topbar nav{display:flex;gap:1rem;flex:1}.topbar nav a{color:#cbd5e1;padding:.35rem .6rem;border-radius:6px}.topbar nav a.active{background:#1f2a44;color:#fff}.topbar .user{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.topbar .user .link{color:#93b4ff}main{padding:1.25rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem}.panel.error{border-color:var(--danger);color:var(--danger)}.panel-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.panel-header h2{margin:0;font-size:1.15rem}.panel-header .count{color:var(--muted);font-size:.85rem}.panel-header .filter{margin-left:auto;padding:.4rem .7rem;border:1px solid var(--border);border-radius:6px;min-width:240px}.batch-panel{display:flex;flex-direction:column;height:calc(100vh - 120px)}.thead .tr,.tbody .tr{display:grid;grid-template-columns:140px 220px 190px 160px 160px 110px 150px 170px 170px 160px;align-items:center}.thead{border-bottom:2px solid var(--border)}.thead .th{padding:.5rem;font-weight:600;font-size:.82rem;color:var(--muted);-webkit-user-select:none;user-select:none;white-space:nowrap}.thead .th.sortable{cursor:pointer}.tbody{flex:1;overflow-y:auto;position:relative}.tbody .tr{position:absolute;top:0;left:0;right:0;border-bottom:1px solid var(--border);background:var(--panel)}.tbody .tr:hover{background:#f0f4ff}.td{padding:0 .5rem;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty{padding:2rem;text-align:center;color:var(--muted)}.progress-cell{display:flex;align-items:center;gap:.4rem}.cat-tick{color:#cbd5e1}.cat-tick.on{color:#28a745}.progress{flex:1;height:20px;border-radius:10px;background-color:#e5e9f0;background-image:linear-gradient(90deg,#9db8f7,#9db8f7);background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.pbr-text{font-size:.72rem;font-weight:600;color:#223}.pbr-Active{background-image:linear-gradient(90deg,#7dc9ff,#7dc9ff)}.pbr-Queued{background-image:linear-gradient(90deg,#d9dee7,#d9dee7)}.pbr-Sleeping{background-image:linear-gradient(90deg,#d3c7f7,#d3c7f7)}.pbr-Paused{background-image:linear-gradient(90deg,#ffe08a,#ffe08a)}.pbr-Delivering{background-image:linear-gradient(90deg,#8ad3ff,#8ad3ff)}.pbr-Delivered{background-image:linear-gradient(90deg,#a5e8b0,#a5e8b0)}.pbr-Preempted{background-image:linear-gradient(90deg,#ffc78a,#ffc78a)}.pbr-Complete{background-image:linear-gradient(90deg,#8ee6a1,#8ee6a1)}.pbr-Cancelled{background-image:linear-gradient(90deg,#f3a6a6,#f3a6a6)}.pbr-Error,.pbr-State-Error{background-image:linear-gradient(90deg,#f88,#f88)}.row-actions{display:flex;gap:.25rem}.row-actions button{border:1px solid var(--border);background:#fff;border-radius:5px;cursor:pointer;padding:.15rem .4rem;font-size:.85rem}.row-actions button:hover{background:#eef2ff}.row-actions button.danger{color:var(--danger)}.badge{padding:.2rem .6rem;border-radius:999px;font-size:.8rem;background:#e5e9f0}.bdg-Complete{background:#d1f2d9}.bdg-Active,.bdg-Delivering{background:#d5ecff}.bdg-Paused{background:#fff1c2}.bdg-Cancelled,.bdg-Error{background:#fbd5d5}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem 1.25rem;margin:.75rem 0 1.25rem}.detail-grid label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:.15rem}.simple-table{width:100%;border-collapse:collapse;margin-bottom:.75rem}.simple-table th,.simple-table td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid var(--border);font-size:.88rem}.simple-table th{color:var(--muted);font-size:.8rem}.inline-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.inline-form input,.inline-form select{padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px}.inline-form button,.pager button,.btn{padding:.4rem .9rem;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer}.inline-form button:disabled{opacity:.6}button.danger{background:none;border:1px solid var(--danger);color:var(--danger);padding:.2rem .6rem;border-radius:5px;cursor:pointer}.pager{display:flex;gap:.5rem}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.chart-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem}.chart-card h3{margin:0 0 .25rem}.chart-total{color:var(--muted);font-size:.9rem;margin-bottom:.5rem}.login-panel{max-width:420px;margin:10vh auto;text-align:center}.login-btn{display:block;margin:.6rem auto;max-width:280px}.warn{color:#b45309}