:root{--bg:#0f1419;--card:#1a1f2b;--border:#2a3343;--text:#e0e6ed;--muted:#8899aa;--green:#00c853;--red:#ff5252;--yellow:#ffab00;--blue:#448aff}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:20px 24px;line-height:1.6}
h1{font-size:22px;margin-bottom:4px}
.sub{color:var(--muted);font-size:13px;margin-bottom:20px}
.toolbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
button{background:var(--blue);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:opacity .2s}
button:hover{opacity:.85}
button.btn-sm{padding:4px 10px;font-size:12px}
button.btn-edit{background:#555}
button.btn-del{background:var(--red)}
button.btn-cancel{background:#555}
button.btn-save{background:var(--green)}
.summary-bar{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-bottom:16px;display:flex;gap:24px;flex-wrap:wrap;font-size:13px}
.summary-bar span{color:var(--muted)}
.summary-bar strong{color:var(--blue);font-size:16px}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}
th,td{padding:10px 14px;text-align:left;font-size:13px;border-bottom:1px solid var(--border);white-space:nowrap}
th{background:#1e2638;color:var(--muted);font-weight:600}
tr:hover{background:#1e2638}
.up{color:var(--red)}.down{color:var(--green)}
.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}
.tag-purple{background:rgba(174,82,255,.15);color:#ae52ff}
.tag-green{background:rgba(0,200,83,.15);color:var(--green)}
.tag-blue{background:rgba(68,138,255,.15);color:var(--blue)}
.tag-orange{background:rgba(255,152,0,.15);color:#ff9800}
.tag-yellow{background:rgba(255,171,0,.15);color:var(--yellow)}
.tag-red{background:rgba(255,82,82,.15);color:var(--red)}
.action-text{font-weight:600;font-size:12px}
.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:100;justify-content:center;align-items:center}
.modal-overlay.show{display:flex}
.modal{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;width:460px;max-width:90%}
.modal h2{font-size:18px;margin-bottom:16px;color:var(--blue)}
.modal .form-row{margin-bottom:12px;display:flex;align-items:center}
.modal .form-row label{width:90px;color:var(--muted);font-size:13px;flex-shrink:0}
.modal .form-row input{flex:1;background:#0f1419;border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:6px;font-size:13px}
.modal .form-row input:focus{outline:none;border-color:var(--blue)}
.modal .btn-row{margin-top:16px;text-align:right;display:flex;gap:8px;justify-content:flex-end}