:root{font-family:Satoshi,Avenir Next,Segoe UI,sans-serif;line-height:1.5;font-weight:500;color:#382617;background:#f6ecde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Clash Display,Avenir Next,sans-serif;color:#3f2614;line-height:1.05}a{color:inherit;text-decoration:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(180deg,#f5f7fb,#eef2f8)}.login-panel{padding:64px}.login-panel--hero{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at top left,rgba(51,102,204,.12),transparent 30%),linear-gradient(180deg,#fff,#f5f7fb)}.login-panel--hero h1{max-width:680px;margin-bottom:16px;font-size:3.4rem}.login-panel--hero p{max-width:620px;color:#5e6a7d;font-size:1.02rem}.hero-points{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-points div,.panel,.summary-card,.list-card,.empty-card,.calendar-card{background:#fff;border:1px solid #dfe6f0;border-radius:20px;box-shadow:0 10px 30px #273d610f}.hero-points div{padding:18px 20px;display:flex;gap:12px;align-items:center}.login-panel--form{display:flex;flex-direction:column;justify-content:center;max-width:480px;margin:0 auto}.login-title,.section-head,.page-header,.brand-block,.list-card,.approval-card{display:flex;justify-content:space-between;gap:16px}.login-title{align-items:center;margin-bottom:24px}input,textarea,select,button{font:inherit}label{display:grid;gap:8px;color:#495569;font-size:.95rem}input,textarea,select{width:100%;padding:14px 16px;border-radius:14px;border:1px solid #cfd8e5;background:#fff;color:#182235;box-sizing:border-box}textarea{min-height:110px;resize:vertical}button,.primary-link,.secondary-button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;border-radius:14px;transition:.18s ease}button,.primary-link{border:0;padding:13px 18px;background:#2155cf;color:#fff;font-weight:700}button:hover,.primary-link:hover{background:#1a46aa}.secondary-button{padding:13px 18px;border:1px solid #cfd8e5;background:#fff;color:#2d3b53}.text-link{color:#2155cf}button:disabled{opacity:.6;cursor:wait}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:#f4f7fb}.app-sidebar{padding:24px;background:#0f1728;color:#dce6f7;display:grid;align-content:start;gap:22px}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#2155cf;color:#fff;font-weight:800}.brand-block{align-items:center}.nav-list{display:grid;gap:10px}.nav-list a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;color:#dce6f7;text-decoration:none}.nav-list a[aria-current=page]{background:#ffffff1a;color:#fff}.sidebar-note{display:grid;gap:6px;padding:16px;border-radius:16px;background:#ffffff0f}.app-main{padding:28px;display:grid;align-content:start;gap:22px}.page-header{align-items:end}.page-header h1{font-size:2.2rem}.header-stats{display:flex;gap:12px;flex-wrap:wrap}.header-stats span,.subtle-pill,.status-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;font-size:.82rem}.header-stats span,.subtle-pill{background:#e8eef9;color:#29436b}.page-grid{display:grid;gap:22px}.page-section,.panel{padding:22px}.summary-grid,.two-column,.calendar-grid,.form-grid,.choice-grid{display:grid;gap:16px}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{padding:18px 20px;display:grid;gap:8px}.summary-card strong{font-size:2rem}.two-column{grid-template-columns:1.15fr .85fr}.stack-list{display:grid;gap:12px}.list-card,.approval-card{padding:16px 18px;align-items:center}.list-card>div,.approval-card>div:first-child{display:grid;gap:4px}.list-meta,.approval-actions{display:grid;gap:8px;justify-items:end}.status-pill{background:#fff3d7;color:#8a5a00}.status-pill--connected,.status-pill--published{background:#dff7e6;color:#17633b}.status-pill--attention_needed,.status-pill--needs_manual_action,.status-pill--failed,.status-pill--disconnected{background:#ffe2e2;color:#b02828}.wizard-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wizard-step{display:flex;gap:12px;align-items:center;padding:16px;border-radius:16px;background:#eef3fb;border:1px solid #d6e1f0}.wizard-step strong{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:#d8e5fb}.wizard-step--active{background:#fff;border-color:#7aa0e8}.wizard-step--done strong,.wizard-step--active strong{background:#2155cf;color:#fff}.wizard-panel,.callback-card{max-width:980px}.callout{padding:16px 18px;border-radius:16px;background:#eef4ff;color:#33517c;margin-bottom:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:1 / -1}.wizard-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.upload-box{padding:16px;border:1px dashed #8ea8d8;border-radius:16px;background:#f8fbff}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{padding:14px;border:1px solid #d1dceb;border-radius:14px;background:#fff;color:#24324b;text-align:left}.choice-card--active{border-color:#2155cf;background:#eef4ff}.empty-card{padding:18px 20px}.calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-card{padding:18px;display:grid;gap:12px}.calendar-entry{padding:12px 14px;border-radius:14px;background:#f7f9fc;display:grid;gap:4px}.center-page{min-height:100vh;display:grid;place-items:center;background:#f4f7fb}.banner{margin:0;padding:14px 16px;border-radius:14px}.banner--error{background:#ffe2e2;color:#9b1d1d}.banner--success{background:#dff7e6;color:#17633b}.form-error,.muted-copy{color:#5e6a7d}.icon-button{width:38px;height:38px;padding:0;background:#eef4ff;color:#2155cf}.is-muted{opacity:.72}.eyebrow{display:inline-block;margin-bottom:8px;text-transform:uppercase;font-size:.72rem;letter-spacing:.16em;color:#5b6f96}@media (max-width: 1100px){.login-shell,.app-shell,.summary-grid,.two-column,.wizard-steps,.calendar-grid,.form-grid,.choice-grid{grid-template-columns:1fr}.login-panel{padding:28px}.app-sidebar{padding-bottom:0}.app-main{padding:18px}.wizard-actions{flex-direction:column;align-items:stretch}}
