:root{--teal: #0fa79a;--teal-dark: #0c877c;--teal-soft: #e7f6f3;--bg: #f2f7f6;--card: #ffffff;--border: #dbe7e4;--text: #17302b;--muted: #6a8681;--danger: #d64545}body.panel-light{background:var(--bg);color:var(--text)}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:min(380px,90vw);display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center}.login-card h1{color:var(--teal-dark);font-size:1.4rem}.login-card input,.login-card button{width:100%}.brand-logo{height:56px}.panel{min-height:100vh}.topbar{padding:10px 16px;background:var(--card);border-bottom:1px solid var(--border)}.topbar-inner{max-width:880px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand img{height:36px}.brand strong{color:var(--teal-dark);font-size:1.05rem}.topbar nav{display:flex;gap:6px}.topbar nav button{background:none;border:1px solid transparent;color:var(--muted);padding:7px 14px;border-radius:8px;cursor:pointer;font-size:.92rem}.topbar nav button.on{color:var(--teal-dark);border-color:var(--border);background:var(--teal-soft);font-weight:600}.content{max-width:880px;margin:0 auto;padding:24px 16px;display:flex;flex-direction:column;gap:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 1px 3px #17302b0d}.card h2{font-size:1.05rem;margin-bottom:14px;color:var(--teal-dark)}.card h3{font-size:.95rem;margin:14px 0 8px}.row{display:flex;gap:10px;flex-wrap:wrap}input,select{background:#fff;border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:8px;font-size:.95rem}input:focus,select:focus{outline:2px solid var(--teal);outline-offset:-1px}button{background:var(--teal);color:#fff;border:0;padding:10px 18px;border-radius:8px;font-size:.95rem;cursor:pointer}button:hover{background:var(--teal-dark)}button.link{background:none;color:var(--teal-dark);padding:4px 6px;align-self:flex-start}button.link:hover{background:var(--teal-soft)}button.danger{background:var(--danger)}button.danger-link{color:var(--danger)}button.danger-link:hover{background:#fdeaea}.muted{color:var(--muted);font-size:.85rem}.error{color:var(--danger);font-size:.9rem}.code-box{margin-top:16px;text-align:center;padding:16px;border:1px dashed var(--teal);border-radius:12px;background:var(--teal-soft)}.big-code{font-size:3rem;letter-spacing:.35em;font-weight:700;color:var(--teal-dark);margin:6px 0}.send-row{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:.92rem}th{color:var(--muted);font-weight:500}.status{padding:3px 10px;border-radius:20px;font-size:.8rem;background:#fff;border:1px solid var(--border)}.st-running{color:#b45309;border-color:#b45309}.st-done{color:var(--teal-dark);border-color:var(--teal)}.st-created{color:var(--muted)}.st-joined{color:#2563eb;border-color:#2563eb}.st-abandoned,.st-aborted_discomfort,.st-expired{color:var(--danger)}.event-log{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;font-family:ui-monospace,monospace;font-size:.85rem;background:var(--bg);border-radius:8px;padding:10px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;max-width:320px}.field span{font-size:.9rem}pre{background:var(--bg);padding:12px;border-radius:8px;overflow-x:auto;font-size:.82rem}.warn{color:#b45309}.ok{color:var(--teal-dark)}.small{font-size:.8rem}details{margin-top:10px}details summary{cursor:pointer}.report-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.kv{margin-bottom:14px}.kv td{padding:5px 10px;font-size:.9rem}.kv td:nth-child(odd){color:var(--muted);white-space:nowrap}.steps-table{margin-bottom:14px}#report-pro h3{margin-top:18px}#report-pro .result-grid{grid-template-columns:repeat(6,1fr)}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.stat{background:var(--teal-soft);border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:2px}.stat-num{font-size:1.6rem;font-weight:700;color:var(--teal-dark)}.plain-list{list-style:none;display:flex;flex-direction:column;gap:4px;margin:6px 0 12px;font-size:.92rem}.card{overflow-x:auto}.card table{min-width:520px}.card table.kv{min-width:0}@media(max-width:680px){.topbar{padding:8px 12px}.topbar-inner{flex-direction:column;align-items:flex-start;gap:8px}.topbar nav{flex-wrap:wrap;gap:4px}.topbar nav button{padding:6px 10px;font-size:.85rem}.brand img{height:30px}.content{padding:14px 8px;gap:14px}.card{padding:14px}.row input,.row select,.row button{flex:1 1 100%}th,td{padding:6px 8px;font-size:.85rem}.big-code{font-size:2.2rem}.result-grid{grid-template-columns:repeat(2,1fr)}#report-pro .result-grid{grid-template-columns:repeat(3,1fr)}.stat-num{font-size:1.25rem}}@media print{body{background:#fff}body *{visibility:hidden}#report-pro,#report-pro *{visibility:visible}#report-pro{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;color:#111;border:none;box-shadow:none}#report-pro .muted{color:#555}#report-pro .stat{background:#f5f5f5;border-color:#ddd}.no-print{display:none!important}}