:root{color:#17202a;background:#eaf0f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg,#e3ecef 0,#f3f6f7 220px),#f3f6f7;margin:0}button,input,select{font:inherit}button{border:1px solid #cfd8dc;border-radius:8px;background:#fbfdfd;color:#263238;cursor:pointer;min-height:32px;padding:0 10px}.navButton{align-items:center;border:1px solid #cfd8dc;border-radius:8px;color:#263238;display:inline-flex;min-height:32px;padding:0 10px;text-decoration:none}button:hover{border-color:#607d8b}button:disabled{background:#d9e1e5;border-color:#d9e1e5;color:#78909c;cursor:not-allowed}.dangerButton{border-color:#ef9a9a;color:#9b1c1c}.shell{max-width:1380px;margin:0 auto;padding:16px 22px}.topbar{align-items:center;display:flex;justify-content:space-between;gap:14px;margin-bottom:12px}.loginShell{align-items:center;display:flex;min-height:100vh;justify-content:center;padding:24px}.loginPanel{background:#fff;border:1px solid #dce3e7;border-radius:8px;box-shadow:0 18px 60px #17202a14;display:grid;gap:16px;max-width:420px;padding:28px;width:100%}.loginPanel h1{font-size:28px;margin-bottom:4px}.eyebrow{color:#607d8b;font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:26px;line-height:1.1}h2{font-size:16px}.statusCluster{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.pill,.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;min-height:24px;padding:0 8px}.good,.ok{background:#d8f3dc;color:#1b5e20}.warn,.blocked{background:#fff3cd;color:#7a4f01}.mute{background:#e8edf0;color:#546e7a}.error{background:#ffe0df;color:#9b1c1c}.alert{background:#ffe0df;border:1px solid #ef9a9a;border-radius:8px;color:#8a1f11;margin-bottom:16px;padding:12px 14px}.grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.workflow{display:grid;gap:10px}.apiPanel{padding-bottom:8px}.apiGrid{align-items:end;display:grid;gap:8px;grid-template-columns:140px repeat(4,minmax(0,1fr)) 150px}.apiGrid label{margin-bottom:0}.apiSave{min-height:34px}.apiKeyList{display:grid;gap:6px;margin-top:8px;max-height:120px;overflow:auto}.apiKeyItem{align-items:center;border:1px solid #e5eaed;border-radius:8px;display:flex;justify-content:space-between;gap:8px;padding:8px 10px}.apiKeyItem p{color:#607d8b;font-size:13px;margin-top:5px}.tradingViewPanel{padding-bottom:4px}.webhookGrid{display:grid;gap:10px;grid-template-columns:minmax(240px,.65fr) minmax(520px,1.35fr)}.span2{grid-column:span 2}.span3{grid-column:span 3}.alertPanel{align-self:start}.panel{background:#fbfcfc;border:1px solid #cfdbe0;border-radius:8px;box-shadow:0 10px 28px #2c3e500d;padding:12px}.panelHead{align-items:center;border-bottom:1px solid #dfe8ec;display:flex;justify-content:space-between;gap:8px;margin:-2px 0 10px;padding-bottom:8px}.panelHead span{color:#607d8b}.ruleList,.eventList{display:grid;gap:6px}.pager{align-items:center;border-top:1px solid #edf1f3;color:#607d8b;display:flex;font-size:13px;justify-content:space-between;margin-top:8px;padding-top:8px}.emptyState{background:#f7fafb;border:1px dashed #cfd8dc;border-radius:8px;color:#607d8b;padding:12px;text-align:center}.search{margin-bottom:14px}.ruleCard,.event{align-items:center;background:#fff;border:1px solid #dfe8ec;border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:8px 10px}.ruleCard{background:linear-gradient(90deg,#eef8f6 0,#fff 62%);border-left:4px solid #0f766e;flex-wrap:wrap}.selectedCard{border-color:#0f766e;box-shadow:0 0 0 2px #0f766e29,0 12px 26px #0f766e14}.runButton{background:transparent;border:0;flex:1;min-height:0;padding:0;text-align:left}.runButton:hover{border-color:transparent}.runEditPanel{background:#eef5f7;border:1px solid #d8e4e8;border-radius:8px;display:grid;flex-basis:100%;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr)) auto;padding:8px}.runEditPanel label{margin-bottom:0}.editActions{align-items:end;display:grid;gap:8px;grid-template-columns:1fr 1fr}.ruleTitle{align-items:center;display:flex;gap:6px}.userInfo{min-width:180px}.userActions{align-items:center;display:grid;gap:8px;grid-template-columns:minmax(160px,1fr) auto auto auto}.userActions input{min-width:160px}.ruleCard p,.event p,.copy{color:#607d8b;font-size:12px;margin-top:3px}.dot{background:#b0bec5;border-radius:50%;height:9px;width:9px}.dot.on{background:#2e7d32}.tag{background:#dff3ef;border-radius:999px;color:#0b645d;font-size:12px;font-weight:700;padding:2px 7px}label{color:#455a64;display:grid;font-size:12px;font-weight:700;gap:4px;margin-bottom:8px}input,select{background:#fff;border:1px solid #c7d4da;border-radius:8px;min-height:34px;padding:0 8px;width:100%}.symbolInputGroup{align-items:stretch;display:flex;width:100%}.symbolInputGroup input{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;text-transform:uppercase}.symbolInputGroup span{align-items:center;background:#eef5f7;border:1px solid #c7d4da;border-bottom-right-radius:8px;border-left:0;border-top-right-radius:8px;color:#607d8b;display:inline-flex;font-size:13px;font-weight:800;min-height:34px;padding:0 12px;white-space:nowrap}.row{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.segmented{background:#eef3f5;border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px;padding:8px}.segmented button{background:transparent;border-color:transparent}.segmented button.active{background:#fff;border-color:#cfd8dc;color:#0f766e;font-weight:800}.ruleEditor{padding:0;overflow:hidden}.ruleEditor .panelHead{background:#f6fafb;border-bottom:1px solid #dfe8ec;margin:0;padding:12px 14px}.editorGrid{align-items:stretch;display:grid;gap:0;grid-template-columns:300px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.compactEditor{grid-template-columns:250px repeat(5,minmax(120px,1fr)) 150px}.editorGrid>div:first-child{background:#edf5f7;border-right:1px solid #dfe8ec;grid-row:span 2;padding:12px}.editorGrid label{background:#fbfcfc;border-bottom:1px solid #dfe8ec;border-right:1px solid #dfe8ec;margin-bottom:0;min-height:72px;padding:10px 12px}.editorGrid label:nth-child(7n){border-right:0}.exchangeField{grid-column:2;grid-row:1}.credentialField{grid-column:3;grid-row:1}.strategyField{grid-column:4;grid-row:1}.coinField{grid-column:5;grid-row:1}.profitField{grid-column:6;grid-row:1}.timeframeField{grid-column:6;grid-row:2}.tdModeField{grid-column:2;grid-row:2}.leverageField{grid-column:3;grid-row:2}.amountField{grid-column:4;grid-row:2}.linkedFields{align-content:center;color:#455a64;display:grid;font-size:12px;font-weight:700;gap:8px;padding:0}.linkedFields span{background:#f9fcfc;border:1px solid #d9e5e9;border-radius:8px;color:#607d8b;padding:8px 10px}.inlineHint{align-content:center;background:#f7fafb;border-bottom:1px solid #edf1f3;border-right:1px solid #edf1f3;color:#607d8b;display:grid;font-size:13px;margin:0;min-height:40px;padding:8px 12px}.check{align-items:center;display:flex}.check input{height:18px;min-height:18px;width:18px}.primary{background:#0f766e;border-color:#0f766e;color:#fff;width:100%}.cooldownField{grid-column:5;grid-row:2}.startQuantButton{align-self:end;border-bottom:1px solid #0f766e;border-right:1px solid #0f766e;border-radius:0;font-size:14px;font-weight:800;grid-column:7;grid-row:1 / span 2;min-height:144px;padding:0 14px}.codeblock{background:#101820;border-radius:8px;color:#e0f2f1;display:block;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.4;margin:6px 0 8px;overflow:auto;padding:8px;white-space:pre-wrap;word-break:break-word}.tradingViewPanel .codeblock{font-size:11px;line-height:1.28;max-height:190px;padding:7px 8px}.event{justify-content:flex-start}.badge{min-width:70px;justify-content:center}@media(max-width:900px){.shell{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.grid,.apiGrid,.webhookGrid{grid-template-columns:1fr}.span2,.span3{grid-column:span 1}.editorGrid{grid-template-columns:1fr}.exchangeField,.credentialField,.strategyField,.coinField,.profitField,.tdModeField,.leverageField,.amountField,.cooldownField,.timeframeField,.startQuantButton{grid-column:auto;grid-row:auto}.startQuantButton{min-height:44px}.userActions{grid-template-columns:1fr;width:100%}.runEditPanel{grid-template-columns:1fr}.ruleCard{align-items:stretch;flex-direction:column}}