:root{--bg: #0e1116;--panel: #161b22;--panel2: #1c2330;--border: #2b3442;--text: #e6e9ef;--muted: #8b96a8;--accent: #e8a33d;--accent2: #7c5cff;--green: #3fb96a;--red: #e5534b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:210px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:20px 12px;display:flex;flex-direction:column;gap:4px}.logo{font-size:18px;font-weight:700;color:var(--accent);padding:0 10px 18px;display:flex;align-items:center;gap:8px}.logo img{border-radius:6px}.navlink{padding:9px 10px;border-radius:8px;color:var(--muted);display:block}.navlink:hover{background:var(--panel2);color:var(--text)}.navlink.active{background:var(--panel2);color:var(--accent);font-weight:600}.sidebar .spacer{flex:1}.main{flex:1;padding:24px 28px;max-width:1200px}h1{font-size:20px;margin:0 0 18px}h2{font-size:15px;margin:22px 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.cards{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px 18px;min-width:150px}.card .label{color:var(--muted);font-size:12px}.card .value{font-size:22px;font-weight:700;margin-top:4px}table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:10px;overflow:hidden}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px;background:var(--panel2)}tr.click:hover{background:var(--panel2);cursor:pointer}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;background:var(--panel2);border:1px solid var(--border);color:var(--muted)}.badge.paid{color:var(--green);border-color:var(--green)}.badge.pending{color:var(--accent);border-color:var(--accent)}.badge.rejected{color:var(--red);border-color:var(--red)}input,select,textarea,button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font:inherit}input:focus,textarea:focus{outline:1px solid var(--accent2)}button{cursor:pointer}button.primary{background:var(--accent);color:#14171c;font-weight:700;border:none}button.danger{background:transparent;color:var(--red);border-color:var(--red)}button:disabled{opacity:.5;cursor:default}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.chip{padding:4px 10px;border-radius:20px;border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:12px}.chip.active{border-color:var(--accent);color:var(--accent)}.detail{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.kv{display:grid;grid-template-columns:110px 1fr;gap:6px 10px;font-size:13px}.kv .k{color:var(--muted)}.progress{display:flex;flex-direction:column;gap:4px;margin-top:10px}.step{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px}.step .dot{width:10px;height:10px;border-radius:50%;background:var(--border)}.step.done{color:var(--text)}.step.done .dot{background:var(--green)}.step.current{color:var(--accent);font-weight:700}.step.current .dot{background:var(--accent)}.chat{display:flex;flex-direction:column;gap:8px;max-height:65vh;overflow-y:auto;padding:4px}.bubble{max-width:75%;padding:9px 12px;border-radius:12px;white-space:pre-wrap;font-size:13px}.bubble.in{background:var(--panel2);align-self:flex-start;border-bottom-left-radius:2px}.bubble.out{background:#1e3a2f;align-self:flex-end;border-bottom-right-radius:2px}.bubble .time{display:block;color:var(--muted);font-size:10px;margin-top:4px}.bubble img{max-width:220px;border-radius:8px;display:block;margin-bottom:4px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-box{width:340px;display:flex;flex-direction:column;gap:12px}.login-box input{width:100%}.error{color:var(--red);font-size:13px}.ok{color:var(--green);font-size:13px}.muted{color:var(--muted)}.mt{margin-top:14px}pre.json{background:var(--panel2);padding:10px;border-radius:8px;overflow-x:auto;font-size:12px}.qr-img{background:#fff;padding:12px;border-radius:10px;display:inline-block}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080cbf;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;width:480px;max-width:92vw;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}