html,body,#root{min-height:100%;margin:0}body{background:#f5f7fb;color:#1f2937}a{color:inherit}.app-shell{min-height:100vh;background:#f5f7fb}.app-content{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.app-footer{padding:18px 32px;background:#fff;border-top:1px solid #dde3ee;text-align:center}.footer-content{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:16px}.footer-center{display:flex;grid-column:2;flex-direction:column;gap:3px;line-height:1.3}.footer-credit{font-size:12px}.footer-support{justify-self:end;text-align:right}.footer-dot:before{content:"•";color:#8a94a6}.page-stack{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;flex-direction:column;gap:6px}.page-header .ant-typography,.home-hero .ant-typography,.action-card .ant-typography,.form-section .ant-typography{margin-bottom:0}.home-hero{display:flex;align-items:flex-end;min-height:clamp(260px,42vw,390px);padding:40px;background:linear-gradient(135deg,#143882e6,#00796fc7),url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1600&q=80);background-position:center;background-size:cover;border-radius:8px;color:#fff}.home-hero>div{width:min(100%,900px)}.home-title.ant-typography,.home-copy.ant-typography{color:#fff}.home-copy{max-width:780px;font-size:18px}.action-col{display:flex}.action-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px;align-items:center;width:100%;height:100%;min-height:136px;padding:22px;background:#fff;border:1px solid #dde3ee;border-radius:8px;color:inherit;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.action-card:hover{border-color:#246bfe;box-shadow:0 14px 30px #1725541a;transform:translateY(-2px)}.action-icon{display:inline-grid;width:48px;height:48px;place-items:center;border-radius:8px;background:#eef4ff;color:#246bfe;font-size:22px}.action-body{display:flex;flex-direction:column;gap:6px;min-width:0}.form-section,.content-list,.status-panel,.flow-section{padding:24px;background:#fff;border:1px solid #dde3ee;border-radius:8px}.form-section{width:min(100%,560px);max-width:560px}.centered-panel{align-self:center;margin:min(10vh,80px) auto 0}.form-heading{display:flex;flex-direction:column;gap:18px}.form-alert{margin:18px 0}.content-list{padding-block:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading .ant-typography{margin-bottom:0}.slot-list{display:flex;flex-direction:column;gap:12px}.slot-item{padding:16px;border:1px solid #dde3ee;border-radius:8px;transition:border-color .2s ease,background .2s ease}.slot-item.selected{border-color:#246bfe;background:#f4f8ff}.slot-item.disabled{background:#f8fafc;opacity:.72}.work-checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;margin-bottom:16px}.work-checkitem{display:flex;align-items:flex-start;min-height:74px;margin-inline-start:0;padding:14px;border:1px solid #dde3ee;border-radius:8px}.work-checkitem .ant-checkbox+span{display:flex;flex-direction:column;gap:4px}.wide-control{width:min(100%,560px)}.sticky-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;padding:16px 0 0;background:linear-gradient(#f5f7fb00,#f5f7fb 34%)}@media(max-width:820px){.app-footer{padding-inline:20px}.footer-content{grid-template-columns:1fr}.footer-center{grid-column:1}.footer-support{justify-self:center;text-align:center}.app-content{width:min(100% - 24px,1120px);padding:20px 0 36px}.home-hero{min-height:300px;padding:28px 20px}.home-title.ant-typography{font-size:32px;line-height:1.15}.section-heading{align-items:flex-start;flex-direction:column}.centered-panel{margin-top:32px}}@media(max-width:520px){.page-stack{gap:16px}.app-content{width:min(100% - 20px,1120px);padding-top:10px}.home-hero{min-height:260px;padding:22px 16px}.home-title.ant-typography{font-size:28px}.home-copy{font-size:16px}.action-card{grid-template-columns:44px minmax(0,1fr);min-height:112px;padding:16px}.action-icon{width:44px;height:44px}.action-card .ant-typography h3,.action-card .ant-typography{overflow-wrap:anywhere}.form-section,.content-list,.status-panel,.flow-section{padding:18px}}
