:root{--bg: #f4f7f4;--panel: #ffffff;--text: #1f2a24;--muted: #6b7a72;--accent: #2e7d32;--accent-2: #1b5e20;--accent-soft: #e8f5e9;--border: #d7e0d9;--danger: #c62828;--warn: #f9a825;--ok: #2e7d32;--shadow: 0 2px 10px rgba(0, 0, 0, .06);--radius: 14px;--font: -apple-system, "Segoe UI", Roboto, Arial, sans-serif}body[data-theme=koyu]{--bg: #14181a;--panel: #1e2528;--text: #e7eee9;--muted: #9fb0a8;--accent: #66bb6a;--accent-2: #43a047;--accent-soft: #20302a;--border: #2f3a35;--shadow: 0 2px 14px rgba(0, 0, 0, .4)}body[data-theme=acik]{--bg: #ffffff;--panel: #f7f9fb;--text: #1a2330;--muted: #6b7686;--accent: #2563eb;--accent-2: #1e40af;--accent-soft: #e8f0fe;--border: #e1e7ef}body[data-theme=toprak]{--bg: #f6f1e7;--panel: #fffdf8;--text: #3a2f23;--muted: #8a7a63;--accent: #a9711f;--accent-2: #80520f;--accent-soft: #f3e7d2;--border: #e4d8c2}body[data-theme=dark],body[data-theme=light],body[data-theme=midnight],body[data-theme=paper],body[data-theme=cyberpunk],body[data-theme=retrowave],body[data-theme=forest],body[data-theme=ocean],body[data-theme=ume],body[data-theme=copper],body[data-theme=terminal],body[data-theme=organs],body[data-theme=lavender],body[data-theme=gpt],body[data-theme=claude],body[data-theme=cute]{--accent-2: color-mix(in srgb, var(--accent) 70%, #000);--accent-soft: color-mix(in srgb, var(--accent) 16%, var(--panel));--muted: color-mix(in srgb, var(--text) 55%, var(--bg));--danger: var(--accent);--font: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}body[data-theme=dark],body[data-theme=midnight],body[data-theme=cyberpunk],body[data-theme=retrowave],body[data-theme=forest],body[data-theme=ocean],body[data-theme=ume],body[data-theme=copper],body[data-theme=terminal],body[data-theme=organs],body[data-theme=gpt],body[data-theme=claude]{--shadow: 0 2px 16px rgba(0, 0, 0, .45)}body[data-theme=dark]{--bg:#282c34;--panel:#111111;--text:#9cdef2;--border:#355a66;--accent:#e06c75}body[data-theme=light]{--bg:#f0ebe3;--panel:#faf6f0;--text:#5a5248;--border:#d4cdc2;--accent:#c47d5a}body[data-theme=midnight]{--bg:#0d1117;--panel:#161b22;--text:#c9d1d9;--border:#30363d;--accent:#f85149}body[data-theme=paper]{--bg:#faf8f5;--panel:#ffffff;--text:#3b3836;--border:#d5d0c8;--accent:#c5ac4a}body[data-theme=cyberpunk]{--bg:#0a0a0f;--panel:#12101a;--text:#0ff0fc;--border:#9b30ff;--accent:#e040fb}body[data-theme=retrowave]{--bg:#1a1a2e;--panel:#16213e;--text:#e94560;--border:#533483;--accent:#e94560}body[data-theme=forest]{--bg:#1b2a1b;--panel:#142414;--text:#a8d5a2;--border:#3d6b3d;--accent:#7cb871}body[data-theme=ocean]{--bg:#0b1a2c;--panel:#091422;--text:#64d2ff;--border:#1e5074;--accent:#4facfe}body[data-theme=ume]{--bg:#2b1b2e;--panel:#1e1420;--text:#f5c2e7;--border:#6c4675;--accent:#f5a0c0}body[data-theme=copper]{--bg:#1c1410;--panel:#140f0a;--text:#e8c39e;--border:#7a5533;--accent:#d4764e}body[data-theme=terminal]{--bg:#000000;--panel:#0a0a0a;--text:#00ff41;--border:#003b00;--accent:#00ff41}body[data-theme=organs]{--bg:#0a0406;--panel:#15080a;--text:#efe1c8;--border:#3a1519;--accent:#c83240}body[data-theme=lavender]{--bg:#f3eef8;--panel:#faf7ff;--text:#3d3551;--border:#cec3de;--accent:#9b6dcc}body[data-theme=gpt]{--bg:#212121;--panel:#171717;--text:#ececec;--border:#424242;--accent:#949494}body[data-theme=claude]{--bg:#262624;--panel:#30302e;--text:#f5f4f0;--border:#4a4a47;--accent:#c6613f}body[data-theme=cute]{--bg:#fff0f5;--panel:#fff8fa;--text:#d4608a;--border:#f0c0d0;--accent:#ff6b9d}*{box-sizing:border-box}body{margin:0;font-family:var(--font, -apple-system, "Segoe UI", Roboto, Arial, sans-serif);background:var(--bg);color:var(--text)}button{font-family:inherit;cursor:pointer}a{color:var(--accent)}.app{min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--accent);font-size:20px}.brand small{color:var(--muted);font-weight:600;font-size:12px}.header-actions{display:flex;align-items:center;gap:12px}.container{max-width:1000px;margin:0 auto;padding:28px 22px}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--panel);font-size:18px;display:grid;place-items:center;position:relative}.icon-btn:hover{background:var(--accent-soft)}.icon-btn.alert{color:var(--danger);border-color:var(--danger);animation:pulse 1.6s infinite}.icon-btn.idle{color:var(--muted)}@keyframes pulse{0%,to{box-shadow:0 0 #c6282866}50%{box-shadow:0 0 0 6px #c6282800}}.grid4{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:26px;text-align:left;box-shadow:var(--shadow);transition:transform .12s;display:flex;flex-direction:column;gap:8px;min-height:130px;color:var(--text)}.tile h3{color:var(--text)}.tile:hover{transform:translateY(-3px);border-color:var(--accent)}.tile .ic{font-size:30px}.tile h3{margin:4px 0 0;font-size:18px}.tile p{margin:0;color:var(--muted);font-size:13px}.status-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--panel)}.dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.dot.on{background:var(--ok)}.dot.off{background:var(--muted)}.dot.err{background:var(--danger)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:18px}.card h2{margin:0 0 4px;font-size:19px}.card .hint{color:var(--muted);font-size:13px;margin:0 0 16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--muted)}input,select,textarea{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:14px;width:100%}textarea{min-height:90px;resize:vertical}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:140px}.btn{padding:10px 18px;border-radius:10px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:700;font-size:14px}.btn:hover{background:var(--accent-2)}.btn.ghost{background:transparent;color:var(--accent)}.btn.sm{padding:6px 12px;font-size:13px}.btn.danger{background:var(--danger);border-color:var(--danger)}.btn.gray{background:var(--muted);border-color:var(--muted)}.btn:disabled{opacity:.6;cursor:default}.toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap}.back{background:none;border:none;color:var(--accent);font-weight:700;font-size:14px;padding:0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.note{font-size:13px;padding:9px 12px;border-radius:10px;margin-bottom:12px}.note.ok{background:var(--accent-soft);color:var(--accent-2)}.note.err{background:#fdecea;color:var(--danger)}.saved{color:var(--ok);font-size:13px;font-weight:600}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:50;padding:20px}.modal{background:var(--panel);border-radius:var(--radius);padding:24px;max-width:640px;width:100%;max-height:86vh;overflow:auto;box-shadow:var(--shadow)}.dropdown{position:absolute;right:0;top:48px;width:340px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:14px;z-index:40}.themes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-card{border:2px solid var(--border);border-radius:12px;padding:14px;cursor:pointer}.theme-card.active{border-color:var(--accent)}.swatches{display:flex;gap:6px;margin-top:8px}.swatch{width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:32px;width:360px;box-shadow:var(--shadow)}@media (max-width: 720px){.grid4,.themes{grid-template-columns:1fr}}.help-fab{position:fixed;right:22px;bottom:22px;z-index:60;padding:12px 18px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:700;font-size:14px;box-shadow:var(--shadow)}.help-fab:hover{background:var(--accent-2)}.help-panel{position:fixed;right:22px;bottom:78px;z-index:60;width:360px;max-width:calc(100vw - 32px);height:480px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.help-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--accent-soft);color:var(--text)}.help-x{border:none;background:transparent;font-size:22px;line-height:1;color:var(--muted)}.help-x:hover{color:var(--text)}.help-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.help-msg{display:flex;flex-direction:column;gap:8px}.help-msg.user{align-items:flex-end}.help-msg.bot{align-items:flex-start}.help-bubble{max-width:85%;padding:10px 12px;border-radius:12px;font-size:13.5px;line-height:1.5;border:1px solid var(--border)}.help-msg.user .help-bubble{background:var(--accent);color:#fff;border-color:var(--accent)}.help-msg.bot .help-bubble{background:var(--bg);color:var(--text)}.help-chips{display:flex;flex-wrap:wrap;gap:6px;max-width:95%}.help-chip{padding:6px 10px;border-radius:999px;font-size:12.5px;border:1px solid var(--border);background:var(--panel);color:var(--accent)}.help-chip:hover{background:var(--accent-soft)}.help-input{display:flex;gap:8px;padding:12px;border-top:1px solid var(--border)}.help-input input{flex:1}.msg-row{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--bg)}.msg-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.msg-in{font-size:14px;margin:2px 0}.msg-out{font-size:14px;margin:2px 0;color:var(--accent-2)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-box{border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;background:var(--bg)}.stat-value{font-size:26px;font-weight:800;color:var(--accent)}@media (max-width: 720px){.stat-grid{grid-template-columns:1fr 1fr}}