:root{color-scheme:dark;--bg:#0A0A0A;--surface:#1C1C1C;--gold:#C39B53;--text:#FEFCFC;--muted:#B7B2AA;--line:#3A342B;--rose:#FBD4C8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,sans-serif}button,input,textarea,select{font:inherit}button{border:1px solid var(--line);background:var(--surface);color:var(--text);padding:9px 14px;border-radius:8px;cursor:pointer}button:hover{border-color:var(--gold)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--rose);outline-offset:3px}.primary{background:var(--gold);color:var(--bg);font-weight:700;border-color:var(--gold)}[hidden]{display:none!important}.op-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:24px 4vw}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--gold);margin:0 0 6px;font-weight:750}h1{margin:0;font-size:30px;letter-spacing:-1px}h1 span{font-weight:350;color:var(--muted)}h2{font-size:24px;letter-spacing:-.6px}.header-actions{display:flex;gap:12px;align-items:center}main{max-width:1540px;margin:0 auto;padding:28px 4vw}.login{max-width:460px;margin:50px auto;padding:32px;border:1px solid var(--line);background:var(--surface);border-radius:16px}.login p{color:var(--muted)}form label{display:block;margin:15px 0}input,textarea,select{display:block;width:100%;background:#101010;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:5px}.banner{display:flex;gap:18px;border-left:3px solid var(--gold);background:var(--surface);padding:12px 16px;font-size:13px}.banner span{color:var(--muted)}.op-tabs{display:flex;gap:8px;margin:24px 0;border-bottom:1px solid var(--line);padding-bottom:12px;overflow:auto}.op-tabs button{background:transparent;white-space:nowrap;border-color:transparent}.op-tabs .active{color:var(--gold);border-color:var(--gold)}.op-controls{display:flex;gap:12px;align-items:center;margin:18px 0}.op-controls input{flex:1;min-width:100px;margin:0}.op-controls select{width:180px;margin:0}.op-controls span{color:var(--muted);font-size:12px;white-space:nowrap}.split{display:grid;grid-template-columns:minmax(260px,36%) minmax(0,1fr);gap:20px;align-items:start}.op-table-wrap,.detail,.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.row{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:18px;background:transparent}.row.selected{background:#30291d;border-left:3px solid var(--gold)}.row-top{display:flex;justify-content:space-between;gap:10px}.row p{margin:7px 0;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{font-size:12px;color:var(--muted)}.badge{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:2px 7px;color:var(--rose);white-space:nowrap}.detail-head{padding:20px;border-bottom:1px solid var(--line)}.detail-head h2{margin:0 0 5px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.messages{padding:20px;max-height:420px;overflow:auto}.message{padding:12px 16px;background:#111;border:1px solid var(--line);border-radius:10px;margin:10px 0;max-width:92%}.message.outbound{margin-left:auto;background:#2d281e}.message p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message .meta{display:flex;justify-content:space-between;gap:10px}.composer{border-top:1px solid var(--line);padding:20px}.composer textarea{resize:vertical;min-height:100px;margin:0 0 12px}.composer p{font-size:12px;color:var(--muted)}.empty{padding:36px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.card{padding:22px}.card h3{color:var(--gold);margin-top:0}#statusLine{border:1px solid var(--gold);padding:12px 18px;border-radius:8px;overflow-wrap:anywhere}footer{padding:32px 4vw;color:var(--muted);font-size:12px;border-top:1px solid var(--line);margin-top:30px}time{font-size:11px}@media(max-width:800px){.op-header{padding:18px}.header-actions{gap:5px;font-size:12px}main{padding:18px}.banner{display:block}.banner span{display:block;margin-top:5px}.split{grid-template-columns:1fr}.op-controls{flex-wrap:wrap}.op-controls select{width:140px}.op-controls input{flex-basis:100%}.login{margin:20px auto}.op-tabs{margin:18px 0}.detail{min-width:0}}