:root{color:#202223;background:#f6f6f7;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}.app-shell{max-width:1180px;margin:0 auto;padding:20px}.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.page-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;width:100%;margin-bottom:16px}.nav{display:flex;gap:14px;margin-bottom:18px;flex-wrap:wrap}.nav a{color:#2c6ecb;text-decoration:none;font-weight:600}.nav a.router-link-active{color:#202223}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pricing-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px}.billing-summary{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px}.price{font-size:28px;font-weight:700;margin:8px 0 16px}@media(max-width:980px){.grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-flow{grid-template-columns:1fr}.builder-arrow{min-height:18px;transform:rotate(90deg)}}@media(max-width:560px){.grid{grid-template-columns:1fr}.pricing-grid,.billing-summary{grid-template-columns:1fr;flex-direction:column}}.panel{background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:16px;margin-bottom:16px}.rule-meta-panel{display:flex;justify-content:space-between;align-items:end;gap:12px;padding:12px;margin-bottom:10px}.rule-meta-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(100px,.35fr) minmax(120px,.35fr);gap:10px;flex:1;align-items:end}.login-page{min-height:calc(100vh - 40px);display:grid;place-items:center}.login-panel{width:min(100%,420px);background:#fff;border:1px solid #dfe3e8;border-radius:8px;padding:24px}.login-panel h1{margin:0 0 18px;font-size:24px}.form-error{color:#b42318;margin:-6px 0 0;font-size:13px}.table-wrap{overflow-x:auto}.section-stack{display:grid;gap:20px}.section-stack h2{font-size:16px;font-weight:650;margin:0 0 10px}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;border-bottom:1px solid #e1e3e5;padding:12px;vertical-align:top}th{font-size:12px;color:#6d7175;text-transform:uppercase}.actions{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;gap:14px}select,input,textarea{border:1px solid #babfc3;border-radius:6px;padding:5px 10px;font:inherit;background:#fff}.inline{display:flex;grid-template-columns:none;align-items:center;gap:8px}.inline input[type=checkbox]{min-height:auto}.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.order-search-input,.compact-input{min-height:0;padding:5px 10px}.rule-builder{display:grid;gap:10px;padding:12px}.rule-builder p{margin:4px 0 0}.node-canvas{position:relative;display:grid;grid-template-columns:1fr;gap:8px;justify-items:center;padding:12px;overflow-x:hidden;border:1px solid #dfe3e8;border-radius:8px;background:linear-gradient(#f1f2f3 1px,transparent 1px),linear-gradient(90deg,#f1f2f3 1px,transparent 1px),#fbfbfc;background-size:28px 28px}.node-column{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;position:relative;align-items:stretch;width:min(100%,440px)}.node-column:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#95c9b4;transform:translate(-50%)}.condition-column,.action-column{min-width:0}.diagram-node{position:relative;display:grid;gap:6px;min-width:0;min-height:0;padding:10px;border:1px solid #c9cccf;border-radius:6px;background:#fff;box-shadow:0 1px 2px #20222314;z-index:1}.diagram-node:after{content:"";position:absolute;left:50%;bottom:-12px;width:2px;height:12px;background:#95c9b4;transform:translate(-50%)}.condition-node:after{bottom:-12px}.condition-node:has(+.condition-operator-line):after{display:none}.condition-node{grid-template-columns:repeat(2,minmax(0,1fr))}.condition-node .diagram-node-header,.condition-node label:last-child{grid-column:1 / -1}.action-node:after{bottom:-12px}.action-node:last-child:after{display:none}.diagram-node-header{display:flex;justify-content:space-between;gap:6px;align-items:center}.condition-operator-line{position:relative;display:grid;place-items:center;justify-self:stretch;min-height:34px}.condition-operator-line:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#95c9b4;transform:translate(-50%)}.condition-operator-line select{position:relative;z-index:1;width:72px;border-color:#95c9b4;color:#14532d;background:#e8f7f0;text-align:center;font-weight:800}.flow-connector{width:2px;height:28px;background:#95c9b4}.primary-action-node{border-color:#95c9b4}.node-caption{color:#6d7175;font-size:12px;font-weight:600}.diagram-add-node{min-height:0;border:1px dashed #95c9b4;border-radius:6px;padding:6px 10px;color:#14532d;background:#f4fbf7;font:inherit;font-weight:700;cursor:pointer}.action-options{display:grid;gap:8px}.builder-actions{display:flex;gap:6px;flex-wrap:wrap}.builder-footer-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.builder-actions span,.mini-flow span{display:inline-flex;align-items:center;min-height:26px;padding:3px 8px;border:1px solid #dfe3e8;border-radius:999px;background:#fff;color:#202223;font-size:12px;font-weight:600}.builder-node-meta{color:#6d7175;font-size:11px;font-weight:700;text-transform:uppercase}.diagram-node label{gap:4px;font-size:12px}.mini-flow{display:flex;gap:6px;flex-wrap:wrap;max-width:520px}@media(max-width:980px){.rule-meta-panel{align-items:stretch;flex-direction:column}.rule-meta-row,.node-canvas{grid-template-columns:1fr}}.back-action{margin-bottom:12px}.empty-state{display:grid;justify-items:center;gap:10px;padding:28px 18px;text-align:center}.empty-state p{max-width:520px;margin:0}.empty-actions{justify-content:center}pre{white-space:pre-wrap;word-break:break-word}label{display:grid;gap:6px;font-weight:600}.muted{color:#6d7175}.product-image{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid #dfe3e8}.toast{position:fixed;right:20px;bottom:20px;max-width:min(360px,calc(100vw - 40px));padding:12px 16px;color:#fff;background:#202223;border-radius:8px;box-shadow:0 8px 24px #2022232e;z-index:1000}.toast-error{background:#d72c0d}
