:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.notice--prominent{background:#22c55e1f;border-left:4px solid rgba(34,197,94,.9);color:#d1fae5;padding:12px 14px;border-radius:10px;margin:0 0 14px}.upload-box{display:grid;gap:.75rem;padding:1rem;margin:1rem 0;border:1px solid rgba(148,163,184,.25);border-radius:16px;background:#0f172a73}.upload-box__header{display:grid;gap:.25rem}.upload-box__header span,.file-hint{color:#94a3b8;font-size:.9rem}.field-label{display:grid;gap:.35rem;font-weight:600}.required{color:#fca5a5;font-weight:600}.optional{color:#93c5fd;font-weight:500}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5eef8;background:radial-gradient(circle at top left,#15243a,#0b1220 38%,#070c14);line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;color:#e5eef8}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.configurator{width:min(1400px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.hero{display:grid;grid-template-columns:1.4fr .9fr;gap:20px;align-items:stretch;margin-bottom:24px}.eyebrow{display:inline-block;margin-bottom:12px;padding:6px 10px;border:1px solid rgba(122,162,247,.35);border-radius:999px;color:#9db8ff;background:#7aa2f714;font-size:.82rem;letter-spacing:.02em}.hero h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;max-width:11ch}.hero__text{margin:0;max-width:60ch;color:#9fb1c9;font-size:1.05rem}.hero__panel,.card{border:1px solid rgba(255,255,255,.08);background:#0a101ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px #00000047;border-radius:24px}.hero__panel{padding:18px;display:grid;gap:14px}.hero__metric{padding:16px;border-radius:18px;background:#ffffff0a}.hero__metric-label{display:block;margin-bottom:6px;color:#8ea1bc;font-size:.86rem}.hero__metric strong{font-size:1.05rem}.grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);gap:20px}.grid__main,.grid__side{display:grid;gap:20px;align-content:start}.card{padding:22px}.card__head h2{margin:0 0 6px;font-size:1.2rem}.card__head p{margin:0;color:#8ea1bc}.card__body{margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.field{display:grid;gap:8px}.field span,.group-label{color:#b8c7db;font-size:.92rem}.field input{width:100%;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#eef4ff;padding:12px 14px;border-radius:14px;outline:none}.field input:focus{border-color:#7aa2f7cc;box-shadow:0 0 0 3px #7aa2f726}.stack+.stack{margin-top:18px}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.chip{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#d9e5f7;padding:10px 14px;border-radius:999px;cursor:pointer;transition:.2s ease}.chip:hover{transform:translateY(-1px);border-color:#7aa2f766}.chip--active{color:#08111f;background:linear-gradient(135deg,#7aa2f7,#9ece6a);border-color:transparent;font-weight:600}.selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.select-card{text-align:left;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#e8f0fc;padding:16px;border-radius:18px;cursor:pointer;transition:.2s ease}.select-card:hover{transform:translateY(-2px);border-color:#7aa2f759;background:#ffffff0d}.select-card--active{border-color:#7aa2f799;background:linear-gradient(180deg,#7aa2f72e,#7aa2f714)}.select-card__title{display:block;font-weight:600;margin-bottom:6px}.select-card__state{color:#92a6c2;font-size:.92rem}.switch{display:flex;gap:10px;align-items:center;color:#d9e5f7}.yaml-box{margin:0;padding:16px;border-radius:18px;background:#09111d;color:#dce8fa;overflow:auto;font-size:.9rem;border:1px solid rgba(255,255,255,.06)}.action-row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.btn{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#e9f1fd;padding:12px 16px;border-radius:14px;cursor:pointer}.btn--primary{background:linear-gradient(135deg,#7aa2f7,#6ee7b7);color:#08111f;border:none;font-weight:700}@media(max-width:980px){.hero,.grid,.form-grid,.selector-grid{grid-template-columns:1fr}.hero h1{max-width:none}}.pricing-box{margin-top:16px;padding:16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:grid;gap:8px}.pricing-box__total{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.select-card__meta{display:block;margin-top:6px;color:#6f85a3;font-size:.82rem}.modules-wrapper{display:grid;gap:28px}.module-group-title{margin-bottom:10px;font-size:1rem;color:#9db8ff;letter-spacing:.04em;text-transform:uppercase}.select-card__desc{display:block;margin-top:6px;font-size:.85rem;color:#8ea1bc}.pricing-card{background:#0f172ab3;border:1px solid rgba(148,163,184,.15);border-radius:18px;padding:1rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pricing-title{font-size:1rem;font-weight:700;margin-bottom:.9rem}.pricing-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.55rem;font-size:.92rem}.pricing-divider{height:1px;background:#94a3b826;margin:.9rem 0}.pricing-total{font-size:1rem;font-weight:700}.badge{display:inline-flex;align-items:center;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge--recommended{background:#22c55e24;color:#86efac;border:1px solid rgba(134,239,172,.35)}.auth-shell{display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);border:1px solid rgba(255,255,255,.08);background:#0a101cdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px #00000047;border-radius:24px;padding:28px}.auth-card h1{margin:0 0 8px;font-size:2rem}.auth-card__text{margin:0 0 22px;color:#9fb1c9}.auth-form{display:grid;gap:16px}.auth-error{margin:0;color:#fecaca;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:10px 12px}.auth-button,.topbar button{border:0;color:#08111f;background:linear-gradient(135deg,#7aa2f7,#9ece6a);font-weight:700;cursor:pointer}.auth-button{padding:12px 16px;border-radius:14px}.auth-button:disabled{opacity:.7;cursor:wait}.topbar{width:min(1400px,calc(100% - 32px));margin:0 auto;padding:18px 0 0;display:flex;justify-content:flex-end;align-items:center;gap:12px;color:#9fb1c9}.topbar button{padding:8px 12px;border-radius:999px}.dashboard{width:min(1400px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.dashboard__head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.platform-home-link{color:#dbeafe;font-weight:800;text-decoration:none;padding:.7rem 1rem;border:1px solid rgba(147,197,253,.35);border-radius:999px;background:#0f172ab8}.platform-home-link:hover{text-decoration:none;border-color:#93c5fda6}.dashboard__head h1{margin:0 0 8px;font-size:clamp(2rem,4vw,3.2rem)}.dashboard__head p{margin:0;color:#9fb1c9}.dashboard-status{color:#9fb1c9}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.client-card{border:1px solid rgba(255,255,255,.08);background:#0a101ccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 50px #0000003d;border-radius:24px;padding:20px}.client-card__top{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:18px}.client-card h2{margin:0 0 4px;font-size:1.2rem}.client-card p{margin:0;color:#8ea1bc;font-size:.92rem}.status-pill{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700;background:#94a3b829;color:#cbd5e1}.status-pill--success{background:#22c55e24;color:#bbf7d0}.status-pill--running{background:#3b82f624;color:#bfdbfe}.status-pill--failed,.status-pill--error{background:#ef444424;color:#fecaca}.client-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}.client-meta div{padding:12px;border-radius:14px;background:#ffffff0a}.client-meta dt{color:#8ea1bc;font-size:.8rem}.client-meta dd{margin:4px 0 0;color:#eef4ff;font-weight:600}.client-actions{display:flex;flex-wrap:wrap;gap:10px}.client-actions button,.client-actions a,.viewbar button{border:1px solid rgba(122,162,247,.35);background:#7aa2f71a;color:#dce8ff;padding:9px 12px;border-radius:999px;cursor:pointer;text-decoration:none}.viewbar{width:min(1400px,calc(100% - 32px));margin:0 auto;padding:18px 0 0;display:flex;gap:12px;align-items:center;color:#9fb1c9}@media(max-width:760px){.dashboard__head{display:grid}.client-meta{grid-template-columns:1fr}}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.detail-section{margin-top:18px}.client-meta--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.jobs-table{display:grid;gap:8px}.jobs-table__row{display:grid;grid-template-columns:2fr .8fr 1.4fr .7fr;gap:12px;padding:12px;border-radius:14px;background:#ffffff0a;color:#dbe7f7;align-items:center}.jobs-table__row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jobs-table__head{color:#8ea1bc;font-weight:700;background:#7aa2f714}@media(max-width:900px){.detail-grid,.jobs-table__row{grid-template-columns:1fr}}.site-footer{margin-top:48px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;color:#9ca3af;font-size:.9rem}.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}.site-footer a{color:#9ca3af;text-decoration:none}.site-footer a:hover{color:#e5e7eb}
