:root{color:#f4f7fa;background:#101925;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:0 auto;padding:88px 24px}.eyebrow{color:#71d9b7;letter-spacing:.12em;font-size:.78rem;font-weight:700}h1{max-width:760px;margin:16px 0;font-size:clamp(2.4rem,6vw,4.8rem);line-height:1}h2{margin-top:0}.intro{color:#b8c5d4;max-width:650px;font-size:1.12rem;line-height:1.6}section{background:#172231;border:1px solid #2c3a4d;border-radius:18px;margin-top:40px;padding:28px}.section-copy{color:#b8c5d4;line-height:1.55}.selector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}label{gap:8px;display:grid}label span{color:#8da0b5;font-size:.85rem}input,select{color:#f4f7fa;width:100%;font:inherit;background:#101925;border:1px solid #405167;border-radius:10px;padding:12px}input{color:#b8c5d4}button{color:#102219;cursor:pointer;font:inherit;background:#71d9b7;border:0;border-radius:10px;margin-top:24px;padding:12px 18px;font-weight:700}button:disabled{cursor:wait;opacity:.7}.form-error{color:#ffaaa3;margin:1rem 0 0}.task-list,.knowledge-panel,.gateway-panel{gap:1.25rem;margin-top:2rem;display:grid}.route-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.route-card{background:#111b28;border:1px solid #2b4650;border-radius:1rem;padding:1.1rem}.route-card h3,.route-card p{margin:0}.route-card h3{text-transform:capitalize;font-size:1rem}.route-card p:last-child{color:#c8d3dc;margin-top:.7rem;font-size:.9rem}.tier{text-transform:uppercase;border-radius:999px;margin-top:.7rem;padding:.25rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.tier-economy{color:#69dbc1;background:#183b3b}.tier-quality{color:#bea7ff;background:#362c53}.gateway-note{color:#e8cb95;border-left:2px solid #efbe5c;margin:0;padding-left:.8rem}.knowledge-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.knowledge-card{background:#111b28;border:1px solid #2b4650;border-radius:1rem;padding:1.25rem}.knowledge-card h3{margin:0;font-size:1rem}.knowledge-card ul{color:#d4dde5;gap:.45rem;margin:.9rem 0 0;padding-left:1.1rem;font-size:.9rem;display:grid}.source-path,.task-sources{color:#aebdca;overflow-wrap:anywhere;font-size:.8rem}.source-path{margin:.55rem 0 0}.task-cards{gap:1rem;display:grid}.task-card{background:#111b28;border:1px solid #2b4650;border-radius:1rem;padding:1.25rem}.task-card-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.task-card h3,.task-card p{margin:0}.task-card h3{font-size:1.1rem}.task-card-heading p,.task-id,.activity-log span{color:#aebdca}.task-id{overflow-wrap:anywhere;font-size:.8rem;margin-top:1rem!important}.task-sources{margin-top:.7rem!important}.status{color:#69dbc1;text-transform:uppercase;background:#183b3b;border-radius:999px;padding:.35rem .65rem;font-size:.8rem;font-weight:700}.activity-log{gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.activity-log li{border-left:2px solid #59d4ba;gap:.2rem;padding-left:.75rem;display:grid}.activity-log strong{font-size:.9rem}.activity-log span{font-size:.8rem}.workflow-action,.workflow-summary,.approval-box{border-top:1px solid #2b4650;margin-top:1rem;padding-top:1rem}.workflow-action p,.approval-box p{color:#aebdca;font-size:.9rem;margin-bottom:.75rem!important}.workflow-summary h4,.approval-box h4{margin:0;font-size:.95rem}.workflow-summary ul{gap:.5rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}.workflow-summary li{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.workflow-summary li p{color:#aebdca;grid-column:1/-1;font-size:.82rem}.approval-box textarea{box-sizing:border-box;resize:vertical;color:#e9edf1;width:100%;min-height:4.5rem;font:inherit;background:#0e1722;border:1px solid #385060;border-radius:.6rem;padding:.7rem}.approval-actions{flex-wrap:wrap;gap:.6rem;margin-top:.75rem;display:flex}.approval-actions button:nth-child(2){background:#5c4b1d}.approval-actions button:nth-child(3){background:#653333}.decision-result{color:#e8cb95;text-transform:capitalize;margin-top:1rem!important}.task-preview{border-color:#71d9b7}.next{border-color:#2f725f}.next p{color:#b9eadb;margin-bottom:0}@media (max-width:540px){.selector-grid{grid-template-columns:1fr}}
