:root{font-family:"Segoe UI",Arial,sans-serif;color:#183135;background:#f5f7f6;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.sidebar{background:#fbfcfc;border-right:1px solid #dfe7e5;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{height:80px;padding:18px 24px;border-bottom:1px solid #dfe7e5;display:flex;align-items:center;gap:12px}.brand-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#153f43;color:#fff;font-size:26px}.brand strong,.brand small,.topbar strong,.topbar small{display:block}.brand strong{font-size:16px}.brand small,.topbar small{font-size:12px;color:#788788;margin-top:3px}.sidebar nav{padding:24px 12px}.sidebar nav a{display:flex;gap:12px;align-items:center;text-decoration:none;padding:12px;border-radius:11px;color:#607576;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#e9efed;color:#183135}.side-note{margin:auto 16px 16px;border:1px solid #dfe7e5;background:#fff;border-radius:16px;padding:16px;font-size:14px}.side-note p{font-size:12px;color:#768687;line-height:1.5;margin:7px 0 0}.topbar{height:80px;border-bottom:1px solid #dfe7e5;display:flex;justify-content:space-between;align-items:center;padding:0 36px;background:rgba(245,247,246,.93)}.topbar strong{font-size:14px}.topbar>div:last-child{display:flex;align-items:center;gap:10px;font-size:13px}.content{max-width:1280px;margin:auto;padding:40px 36px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;color:#1f5559;margin:0 0 10px}h1{font-size:clamp(30px,3vw,42px);letter-spacing:-.04em;line-height:1.15;margin:0 0 12px}h2{font-size:19px;letter-spacing:-.02em;margin:0}h3{font-size:15px;margin:0}p{line-height:1.55}.muted{color:#687c7c}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}.intro p{margin:0;color:#687c7c}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid #d6e1df;background:white;color:#183135;border-radius:11px;padding:11px 17px;font-weight:600;font-size:14px;min-height:42px}.btn:hover{background:#e9efed}.btn.primary{background:#153f43;color:#fff;border-color:#153f43}.btn.primary:hover{background:#23575c}.btn:disabled{opacity:.55;cursor:not-allowed}.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.hero-card{border-radius:18px;background:#153f43;color:white;min-height:205px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 45px #12303424}.hero-card small{color:#b3c8c6}.hero-card strong{display:block;font-size:26px;margin-top:5px}.hero-card p{margin:0;font-size:14px}.hero-card .rail{height:6px;background:#ffffff28;border-radius:10px;margin:12px 0 8px}.hero-card .rail span{height:6px;width:65%;background:#f3b95f;border-radius:10px;display:block}.card{background:white;border:1px solid #dfe7e5;border-radius:18px;box-shadow:0 2px 8px #142c2e08}.metric{padding:26px;display:flex;flex-direction:column;justify-content:space-between}.metric .icon{width:44px;height:44px;background:#e8f3ef;color:#17614d;border-radius:12px;display:grid;place-items:center;font-size:22px}.metric strong{font-size:38px;letter-spacing:-.04em}.metric p{margin:2px 0 0;font-size:14px;color:#687c7c}.section{margin-top:28px}.section-header{padding:20px 24px;border-bottom:1px solid #dfe7e5;display:flex;justify-content:space-between;align-items:center;gap:18px}.section-header p{font-size:13px;color:#687c7c;margin:4px 0 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:740px;text-align:left;font-size:14px}th{background:#f3f6f5;color:#758687;font-size:12px;letter-spacing:.05em;text-transform:uppercase;font-weight:600}th,td{padding:15px 22px}tbody tr+tr{border-top:1px solid #e8eeec}td small{display:block;color:#819090;margin-top:3px}.pill{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600}.pill.archived,.pill.completed{background:#e8f3ef;color:#17614d}.pill.failed,.pill.partial{background:#fcebed;color:#a02e3b}.pill.running{background:#e8f0fa;color:#245993}.pill.settings,.pill.run{background:#edf1f0;color:#5d7070}.empty{padding:50px 24px;text-align:center;color:#708282}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card{padding:24px}.form-card h2{margin-bottom:4px}.form-card p{margin:0 0 18px;font-size:13px;color:#687c7c}.field{display:block;margin:16px 0}.field span{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #cad9d6;border-radius:9px;padding:10px 12px;background:white;color:#183135;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#31737a;box-shadow:0 0 0 3px #31737a20}.field textarea{min-height:108px;resize:vertical;font-family:Consolas,monospace;font-size:12px}.field small{display:block;color:#798989;font-size:12px;margin-top:5px}.form-footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.checkbox{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:14px}.checkbox input{width:18px;height:18px}.notice{padding:13px 16px;border-radius:10px;background:#fff6e5;color:#805915;font-size:13px;line-height:1.5;margin:16px 0}.success-note{background:#e8f3ef;color:#17614d}.alert{padding:13px 16px;border-radius:10px;background:#fcebed;color:#a02e3b;margin:16px 0;font-size:14px}.status{min-height:24px;margin:14px 0;font-size:14px;color:#356468}.loading{padding:60px;text-align:center;color:#687c7c}.signin{max-width:600px;margin:8vh auto;text-align:center}.signin .brand-icon{margin:0 auto 22px}.signin h1{font-size:35px}.signin p{color:#687c7c;margin:0 0 26px}.compact{max-width:900px;margin:auto}.run-error{color:#a02e3b;font-size:12px;margin-top:5px}.mobile-menu{display:none}@media(max-width:950px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 22px}.content{padding:28px 20px}.grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.intro{align-items:flex-start;flex-direction:column}.grid,.settings-grid{grid-template-columns:1fr}.hero-card{min-height:180px}.section-header{align-items:flex-start;flex-direction:column}.content{padding:24px 16px}.topbar{height:64px;padding:0 16px}.topbar small{display:none}.metric{min-height:170px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
