:root{--yellow: #fbc31a;--yellow-soft: #fdf0bf;--green: #5b7945;--green-dark: #44602f;--green-light: #c9d9bf;--green-soft: #e7efe1;--cream: #f7edd4;--cream-dark: #efe1bd;--ink: #2c3226;--muted: #6f7568;--line: #e7dfca;--white: #ffffff;--red: #c4462f;--red-soft: #f8e1dc;--blue: #3d6f99;--radius: 18px;--shadow: 0 2px 10px rgba(68, 96, 47, .08);font-family:Nunito,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--cream);font-size:15px}a{color:var(--green)}h1,h2,h3,h4{color:var(--green);font-weight:900;margin:0 0 12px;letter-spacing:-.01em}h1{font-size:26px;text-transform:uppercase}h2{font-size:19px;text-transform:uppercase}h3{font-size:16px}small,.muted{color:var(--muted)}.app{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--white);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px}.sidebar .brand img.logo{height:38px}.sidebar .brand .company-logo{height:32px;max-width:80px;object-fit:contain;border-left:1px solid var(--line);padding-left:10px}.nav-group{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:14px 12px 4px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:700}.nav-link:hover{background:var(--green-soft)}.nav-link.active{background:var(--yellow);color:var(--ink)}.nav-link .ico{width:20px;text-align:center}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px 28px;background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar .spacer{flex:1}.topbar .burger{display:none;background:none;border:0;font-size:26px;color:var(--green);cursor:pointer}.topbar .mobile-logo{display:none;height:28px}.content{padding:28px;max-width:1400px;width:100%}.page-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.page-head h1{margin:0}.page-head .actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 900px){.sidebar{position:fixed;left:-260px;z-index:50;transition:left .2s;box-shadow:var(--shadow)}.sidebar.open{left:0}.topbar .burger,.topbar .mobile-logo{display:block}.topbar .who{display:none}.topbar{padding:10px 16px}.content{padding:16px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:40}}.card{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);min-width:0}.card+.card{margin-top:16px}.grid>.card+.card,.widget-grid>.card+.card,.kanban .card+.card{margin-top:0}.card h2,.card h3{margin-bottom:14px}.grid{display:grid;gap:16px}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.span3{grid-column:span 3}@media (max-width: 1100px){.grid.c4,.grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}.span3{grid-column:span 2}}@media (max-width: 700px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}.span2,.span3{grid-column:span 1}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;cursor:pointer;font:inherit;font-weight:800;padding:9px 18px;border-radius:999px;background:var(--green);color:#fff;text-decoration:none;white-space:nowrap;font-size:14px;box-shadow:0 2px #00000014}.btn:hover{background:var(--green-dark)}.btn:disabled{opacity:.5;cursor:default}.btn.yellow{background:var(--yellow);color:var(--ink)}.btn.yellow:hover{background:#f0b500}.btn.ghost{background:transparent;color:var(--green);box-shadow:inset 0 0 0 2px var(--green-light)}.btn.ghost:hover{background:var(--green-soft)}.btn.danger{background:var(--red)}.btn.sm{padding:5px 12px;font-size:13px}.btn.link{background:none;box-shadow:none;color:var(--green);padding:4px 6px}label.field{display:flex;flex-direction:column;gap:5px;font-weight:700;font-size:13px;color:var(--muted);margin-bottom:12px}input,select,textarea{font:inherit;color:var(--ink);padding:9px 14px;border-radius:12px;border:2px solid var(--line);background:#fffdf7;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--yellow);background:#fff}input[type=checkbox]{width:auto}textarea{min-height:90px;resize:vertical}textarea.code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;min-height:380px}.check{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:12px;cursor:pointer}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row>*{min-width:0}.row.nowrap{flex-wrap:nowrap}.grow{flex:1}.search{max-width:320px}table.table{width:100%;border-collapse:collapse}.table-wrap{overflow-x:auto}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:8px 10px;border-bottom:2px solid var(--line);white-space:nowrap}.table td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr.click{cursor:pointer}.table tr.click:hover td{background:#fffaea}.num{text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:800;background:var(--green-soft);color:var(--green-dark);white-space:nowrap}.badge.yellow{background:var(--yellow-soft);color:#7a5b00}.badge.red{background:var(--red-soft);color:var(--red)}.badge.gray{background:#eee;color:#666}.badge.blue{background:#dde9f3;color:var(--blue)}.tag{display:inline-block;padding:1px 8px;margin:1px 3px 1px 0;border-radius:6px;background:var(--cream);font-size:12px;font-weight:700}.stat{background:var(--white);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.stat .label{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.stat .value{font-size:28px;font-weight:900;color:var(--green);margin-top:4px}.stat .sub{font-size:13px;color:var(--muted)}.stat.yellow{background:var(--yellow)}.stat.yellow .value,.stat.yellow .label,.stat.yellow .sub{color:var(--ink)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.tabs button{border:0;font:inherit;font-weight:800;padding:8px 16px;border-radius:999px;cursor:pointer;background:var(--white);color:var(--green)}.tabs button.active{background:var(--green);color:#fff}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c322673;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:100;overflow-y:auto}.modal{background:var(--white);border-radius:var(--radius);padding:24px;width:100%;max-width:560px;box-shadow:0 20px 50px #0003}.modal.wide{max-width:980px}.modal-head{display:flex;align-items:center;margin-bottom:16px}.modal-head h2{margin:0}.modal-head .x{margin-left:auto;background:none;border:0;font-size:26px;cursor:pointer;color:var(--muted)}.modal-foot{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.empty{text-align:center;color:var(--muted);padding:40px 16px}.empty .big{font-size:40px}.error{background:var(--red-soft);color:var(--red);padding:10px 14px;border-radius:12px;font-weight:700;margin-bottom:12px}.ok{background:var(--green-soft);color:var(--green-dark);padding:10px 14px;border-radius:12px;font-weight:700;margin-bottom:12px}.toast{position:fixed;bottom:24px;right:24px;z-index:200;background:var(--ink);color:#fff;padding:12px 20px;border-radius:14px;font-weight:700;box-shadow:var(--shadow)}.toast.err{background:var(--red)}.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.auth img.logo{width:min(380px,80vw);margin-bottom:26px}.auth .card{width:100%;max-width:420px;padding:28px}.auth .switch{text-align:center;margin-top:14px;font-weight:700}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.kcol{background:var(--green-light);border-radius:var(--radius);padding:12px;min-width:260px;width:260px;flex-shrink:0}.kcol.over{outline:3px dashed var(--yellow)}.kcol h3{display:flex;justify-content:space-between;font-size:14px;text-transform:uppercase;margin-bottom:4px}.kcol .ksum{font-size:13px;font-weight:700;color:var(--green-dark);margin-bottom:10px}.kcard{background:var(--white);border-radius:14px;padding:12px;margin-bottom:8px;cursor:grab;box-shadow:var(--shadow)}.kcard .t{font-weight:800}.kcard .v{font-weight:900;color:var(--green)}.flow{display:flex;flex-direction:column;align-items:center;gap:0}.flow .node{width:100%;max-width:560px;background:var(--white);border-radius:16px;padding:14px 16px;box-shadow:var(--shadow);border-left:6px solid var(--green)}.flow .node.trigger{border-left-color:var(--yellow);background:var(--yellow-soft)}.flow .node.wait{border-left-color:#b9b29d}.flow .node.email{border-left-color:var(--blue)}.flow .node.condition{border-left-color:#c98a1b}.flow .arrow{width:2px;height:26px;background:var(--green-light);position:relative}.flow .add{margin:2px 0}.node-head{display:flex;align-items:center;gap:8px;font-weight:800}.node-head .grow{flex:1}.widget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.widget-grid .w1{grid-column:span 1}.widget-grid .w2{grid-column:span 2}.widget-grid .w3{grid-column:span 3}@media (max-width: 1000px){.widget-grid{grid-template-columns:1fr}.widget-grid .w1,.widget-grid .w2,.widget-grid .w3{grid-column:span 1}}.widget-tools{display:flex;gap:4px;margin-left:auto}.card-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.card-head h3{margin:0}.live-dot{width:9px;height:9px;border-radius:50%;background:#3cb043;display:inline-block;box-shadow:0 0 #3cb04399;animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #3cb04399}70%{box-shadow:0 0 0 8px #3cb04300}to{box-shadow:0 0 #3cb04300}}.feed{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.feed li{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}.feed li .when{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:8px 0 8px 18px;border-left:3px solid var(--green-light);position:relative}.timeline li:before{content:"";position:absolute;left:-7px;top:13px;width:11px;height:11px;border-radius:50%;background:var(--yellow)}.preview-frame{width:100%;height:560px;border:2px solid var(--line);border-radius:14px;background:#fff}.bar{height:30px;border-radius:10px;background:var(--yellow);display:flex;align-items:center;padding:0 10px;font-weight:800;color:var(--ink);white-space:nowrap;min-width:40px}.bar.green{background:var(--green);color:#fff}.code-box{background:#2c3226;color:#f7edd4;padding:12px 14px;border-radius:12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.rule{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.rule select,.rule input{width:auto;flex:1;min-width:120px}.ai-box{background:var(--yellow-soft);border-radius:14px;padding:14px;margin-bottom:14px}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:8px 16px;border-radius:999px;font-weight:800;background:var(--yellow)}.pill.g{background:var(--green);color:#fff}