:root{color:#001e1d;--background:#f7f4f1;--foreground:#001e1d;--card:#fffffe;--primary:#004643;--primary-hover:#003936;--secondary:#abd1c6;--secondary-soft:#e7f2ef;--muted:#f1eeeb;--muted-foreground:#53625f;--accent:#f9bc60;--destructive:#e16162;--border:#d8d4cf;--radius:.75rem;--shadow-card:0 1px 2px #001e1d0a;--shadow-raised:0 18px 48px #001e1d29;background:#f7f4f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:var(--background);min-height:100vh;color:var(--foreground);margin:0}button,input,select{font:inherit}button{cursor:pointer;transition:background-color .16s,border-color .16s,transform .16s}button:disabled{cursor:wait;opacity:.58}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3,p{margin-top:0}.brand-logo{flex:none;justify-content:center;align-items:center;width:7.75rem;height:7.75rem;display:inline-flex;overflow:hidden}.brand-logo img{object-fit:contain;width:100%;height:100%}.brand-logo-compact{width:2.25rem;height:3rem}.login{background:radial-gradient(circle at 50% 0, #dceee9 0, var(--background) 48%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--border);background:var(--card);width:min(430px,100%);box-shadow:var(--shadow-raised);border-radius:1.25rem;padding:34px}.login-brand{color:var(--muted-foreground);letter-spacing:.09em;text-transform:uppercase;justify-items:center;gap:4px;margin:-16px 0 16px;font-size:.8rem;font-weight:700;display:grid}.login-card h1{text-align:center;letter-spacing:-.025em;margin-bottom:4px;font-size:1.75rem}.login-card>.muted{text-align:center;margin-bottom:24px}.brand{align-items:center;gap:12px;display:flex}.brand strong{font-size:1.05rem;display:block}.brand span{color:var(--muted-foreground);font-size:.76rem}.muted{color:var(--muted-foreground);font-size:14px}.field{color:#163c39;gap:7px;margin:16px 0;font-size:.875rem;font-weight:650;display:grid}.field input,.field select{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;min-height:44px;color:var(--foreground);padding:10px 12px;font-weight:400}.field input:hover,.field select:hover{border-color:#9caeaa}.primary,.secondary,.danger{border-radius:var(--radius);border:1px solid #0000;min-height:40px;padding:9px 14px;font-weight:700}.primary{background:var(--primary);color:#fffffe}.primary:hover:not(:disabled){background:var(--primary-hover)}.secondary{background:var(--secondary-soft);color:var(--primary);border-color:#c7ddd7}.secondary:hover:not(:disabled){background:var(--secondary)}.danger{color:#a63233;background:#fff0f0;border-color:#f4c5c5}.danger:hover:not(:disabled){background:#fbdede}.login-card button{width:100%}.error{border-radius:var(--radius);color:#9b292a;background:#fff0f0;border:1px solid #f2bcbc;padding:11px 13px;font-size:.875rem}.field-error{color:#9b292a;font-size:.78rem;font-weight:600}.action-error{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.action-error button{color:inherit;background:0 0;border:0;font-size:1.25rem}.shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.side{border-right:1px solid var(--border);background:var(--card);height:100vh;color:var(--foreground);padding:22px 16px;position:sticky;top:0}.side .brand{min-height:58px;padding:0 10px}.nav{gap:5px;margin-top:28px;display:grid}.nav button{border-radius:var(--radius);min-height:44px;color:var(--muted-foreground);text-align:left;background:0 0;border:0;padding:10px 13px;font-weight:650}.nav button:hover{background:var(--muted);color:var(--foreground)}.nav button.active{background:var(--secondary-soft);color:var(--primary)}.side footer{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);color:var(--foreground);padding:14px;font-size:13px;position:absolute;bottom:20px;left:16px;right:16px}.side footer span{color:var(--muted-foreground);overflow-wrap:anywhere}.side footer button{width:100%;margin-top:12px}.main{min-width:0;padding:30px}.top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.top h1{letter-spacing:-.035em;margin-bottom:2px;font-size:clamp(1.65rem,3vw,2.15rem)}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card,.panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-card);border-radius:1rem;padding:20px}.card strong{color:var(--primary);letter-spacing:-.04em;margin-top:8px;font-size:1.9rem;display:block}.panel{margin-top:18px;overflow:auto}.panel-head,.actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.actions{flex-wrap:wrap;justify-content:flex-start}.panel h2{margin-bottom:0;font-size:1.15rem}.table{border-collapse:collapse;width:100%;margin-top:14px}.table th,.table td{text-align:left;vertical-align:top;border-top:1px solid #e9e5e1;padding:13px 10px}.table th{color:var(--muted-foreground);letter-spacing:.075em;text-transform:uppercase;font-size:11px}.table tbody tr:hover{background:#fbfaf8}.pill{background:var(--secondary-soft);color:var(--primary);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.form-grid{background:#fbfaf8;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid .wide{grid-column:1/-1}.credentials{z-index:10;color:#fffffe;max-width:420px;box-shadow:var(--shadow-raised);background:#001e1d;border:1px solid #2b5552;border-radius:1rem;padding:18px;position:fixed;bottom:24px;right:24px}.credentials code{color:var(--secondary);overflow-wrap:anywhere;white-space:pre-wrap;margin-top:6px;display:block}.integrations{grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px;min-width:720px;margin-top:16px;display:grid}.integration-note{color:var(--muted-foreground);grid-column:1/-1;margin:0;font-size:12px}.integration-card{border-radius:var(--radius);background:linear-gradient(145deg,#fffffe,#f4faf8);border:1px solid #dbe5e2;padding:14px}.integration-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.integration-head strong{color:var(--primary)}.integration-card .muted{margin:8px 0;font-size:12px}.integration-card .actions{gap:6px}.integration-card button{min-height:32px;padding:6px 9px;font-size:12px}.configuration-row:hover{background:0 0!important}.configuration-row>td{padding:0 10px 20px}.integration-load-error{border-radius:var(--radius);color:var(--danger);background:#fff5f5;border:1px solid #efb8b8;align-items:center;gap:10px;margin-top:12px;padding:14px;display:flex}.integration-load-error span{color:var(--muted-foreground)}.integration-state{text-transform:capitalize;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:750}.status-disabled{color:#5f615f;background:#ece9e6}.status-setup{color:#075f59;background:#e7f2ef}.status-testing{color:#8a5800;background:#fff3d9}.status-active{color:#13733d;background:#dff4e9}.status-error{color:#a63233;background:#fff0f0}.aiosell-setup{margin:12px 0}.setup-stack{border-top:1px solid var(--border);gap:14px;margin-top:12px;padding-top:12px;display:grid}.setup-grid,.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.setup-grid .field,.mapping-grid .field{margin:0}.setup-grid .wide,.mapping-grid .wide{grid-column:1/-1}.setup-steps{flex-wrap:wrap;gap:8px;display:flex}.demo-toggle{border-radius:var(--radius);background:#fff8e8;border:1px solid #e3bd63;gap:4px;padding:10px;display:grid}.demo-toggle span{align-items:center;gap:8px;font-weight:700;display:flex}.demo-toggle small{color:var(--muted-foreground)}.mapping-grid{border:1px solid var(--border);border-radius:var(--radius);background:#fbfaf8;padding:12px}.mapping-grid h4{color:var(--primary);margin:0 0 10px}.setup-notice{border-radius:var(--radius);color:#176b4d;background:#e7f6ee;margin:0;padding:10px 12px;font-size:13px}.aiosell-webhooks{border-radius:var(--radius);background:var(--card);border:1px solid #dbe5e2;gap:10px;padding:12px;display:grid}.aiosell-webhooks h4,.aiosell-webhooks p{margin:0}.aiosell-webhook-endpoint{border-radius:var(--radius);background:#f4faf8;gap:5px;padding:10px 12px;display:grid}.aiosell-webhook-endpoint strong{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.aiosell-webhook-endpoint code{color:var(--foreground);overflow-wrap:anywhere;white-space:normal}.conflict-list{gap:8px;display:grid}.conflict-list>div{border-radius:var(--radius);background:#fff8e8;border:1px solid #f1d19a;gap:3px;padding:10px;font-size:12px;display:grid}.conflict-list span{color:var(--muted-foreground)}.conflict-list code{overflow-wrap:anywhere;white-space:normal}.simulator-toolbar{flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0;display:flex}.simulator-toolbar .field{min-width:220px;margin:0}.simulator-layout{grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:16px;display:grid}.simulator-sessions{align-content:start;gap:6px;max-height:620px;display:grid;overflow:auto}.simulator-sessions button{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);text-align:left;color:var(--foreground);padding:10px}.simulator-sessions button.active{border-color:var(--primary);background:var(--secondary-soft)}.simulator-sessions span,.simulator-chat-head span{color:var(--muted-foreground);font-size:12px;display:block}.simulator-chat{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);gap:12px;min-width:0;padding:14px;display:grid}.simulator-messages{flex-direction:column;gap:10px;min-height:240px;max-height:480px;display:flex;overflow:auto}.simulator-messages article{border-radius:var(--radius);background:var(--secondary-soft);overflow-wrap:anywhere;max-width:min(85%,560px);padding:10px 12px}.simulator-messages article.simulator-guest{background:#fff2d8;align-self:flex-end}.simulator-messages article span{font-size:12px;font-weight:700}.simulator-messages article p{white-space:pre-wrap;margin:4px 0}.simulator-messages article small{color:var(--muted-foreground)}.simulator-compose{gap:8px;display:grid}.simulator-compose textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;font:inherit;resize:vertical;padding:10px 12px}.simulator-compose button{justify-self:end}@media (max-width:700px){.simulator-layout{grid-template-columns:1fr}.simulator-sessions{max-height:none;display:flex;overflow-x:auto}.simulator-sessions button{min-width:170px}}@media (max-width:900px){.shell{grid-template-columns:1fr}.side{border-right:0;border-bottom:1px solid var(--border);height:auto;position:static}.side footer{margin-top:18px;position:static}.nav{grid-template-columns:repeat(3,1fr);margin-top:18px}.cards{grid-template-columns:repeat(2,1fr)}.integrations{grid-template-columns:1fr;min-width:360px}.setup-grid,.mapping-grid{grid-template-columns:1fr}.main{padding:20px}}@media (max-width:560px){.login-card{padding:26px 20px}.cards,.form-grid{grid-template-columns:1fr}.nav{grid-template-columns:1fr 1fr}.top,.panel-head{flex-direction:column;align-items:flex-start}.table{min-width:720px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}