:root{
    --mp-blue:#2f61e9;
    --mp-blue-dark:#214fc8;
    --mp-blue-soft:#edf3ff;
    --mp-navy:#172033;
    --mp-text:#263348;
    --mp-muted:#748198;
    --mp-border:#e6ebf2;
    --mp-surface:#ffffff;
    --mp-canvas:#f6f8fc;
    --mp-green:#2f8f62;
    --mp-amber:#a86b12;
    --mp-shadow:0 12px 34px rgba(31,51,92,.07);
}

.meprogram-page{background:var(--mp-canvas)}
.meprogram-topbar{box-shadow:0 6px 24px rgba(37,83,208,.14)}
.meprogram-brand-divider{width:1px;height:28px;background:rgba(255,255,255,.35)}
.meprogram-brand-name{color:#fff;font-size:.86rem;font-weight:800;letter-spacing:-.02em}

.meprogram-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.meprogram-eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:#4666b8;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.meprogram-pagehead h1,.meprogram-form-intro h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.045em;margin:.55rem 0 .55rem;color:var(--mp-navy)}
.meprogram-pagehead p,.meprogram-form-intro p{margin:0;color:var(--mp-muted);font-size:.94rem;line-height:1.75;max-width:680px}
.meprogram-primary-action{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:12px;padding:.72rem 1.05rem;font-weight:700;box-shadow:0 10px 22px rgba(47,97,233,.18)}

.meprogram-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.meprogram-list-title{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:800;color:#34445d}
.meprogram-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 .5rem;border-radius:999px;background:#eef2f7;color:#66758b;font-size:.7rem;font-weight:800}
.meprogram-list-note{font-size:.72rem;color:#8b97aa;display:flex;align-items:center;gap:.4rem}

.meprogram-program-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.meprogram-program-link{text-decoration:none;color:inherit;min-width:0}
.meprogram-program-card{height:100%;min-height:310px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--mp-border);border-radius:20px;padding:22px;box-shadow:0 7px 24px rgba(31,51,92,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.meprogram-program-card:hover{transform:translateY(-4px);border-color:#c7d5fb;box-shadow:0 16px 36px rgba(47,97,233,.11)}
.meprogram-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.meprogram-program-icon,.meprogram-workspace-icon{display:grid;place-items:center;background:linear-gradient(145deg,#edf3ff,#f7faff);color:var(--mp-blue);border:1px solid #dae5ff}
.meprogram-program-icon{width:46px;height:46px;border-radius:14px;font-size:1rem}
.meprogram-card-body{padding:22px 0 18px}
.meprogram-card-body h2{font-size:1.18rem;font-weight:800;letter-spacing:-.025em;color:var(--mp-navy);margin:0 0 8px}
.meprogram-program-date{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;color:#728096;font-size:.72rem;font-weight:600}
.meprogram-card-body p{color:var(--mp-muted);font-size:.8rem;line-height:1.65;margin:13px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meprogram-card-metrics{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px 0;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5}
.meprogram-card-metrics div{display:flex;flex-direction:column;gap:2px}
.meprogram-card-metrics strong{font-size:.96rem;color:var(--mp-navy)}
.meprogram-card-metrics span{font-size:.63rem;color:#8a96a7;font-weight:600}
.meprogram-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;color:var(--mp-blue);font-size:.72rem;font-weight:800}

.meprogram-status{display:inline-flex;align-items:center;gap:.38rem;padding:.35rem .62rem;border-radius:999px;background:#f1f4f8;color:#68768a;font-size:.64rem;font-weight:800;white-space:nowrap}
.meprogram-status>span{width:6px;height:6px;border-radius:50%;background:currentColor}
.meprogram-status.is-running{background:#eaf8f1;color:#2f8f62}
.meprogram-status.is-complete{background:#edf3ff;color:#315bc8}
.meprogram-status.is-preparing{background:#fff5e6;color:#a86b12}
.meprogram-status.is-draft{background:#f1f3f6;color:#7b8797}
.meprogram-status.is-archived{background:#f1f2f4;color:#6f7785}

.meprogram-empty-state{background:#fff;border:1px dashed #d7deea;border-radius:22px;padding:64px 24px;text-align:center;box-shadow:var(--mp-shadow)}
.meprogram-empty-icon{width:58px;height:58px;border-radius:18px;background:var(--mp-blue-soft);color:var(--mp-blue);display:grid;place-items:center;font-size:1.35rem;margin:0 auto}
.meprogram-empty-state h2,.meprogram-document-empty h2{font-size:1.1rem;font-weight:800;margin:16px 0 8px;color:var(--mp-navy)}
.meprogram-empty-state p,.meprogram-document-empty p{color:var(--mp-muted);font-size:.8rem;max-width:520px;margin:0 auto 18px;line-height:1.7}

.meprogram-workspace-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:center;background:#fff;border:1px solid var(--mp-border);border-radius:22px;padding:28px 30px;box-shadow:var(--mp-shadow);margin-bottom:18px}
.meprogram-breadcrumb{display:flex;align-items:center;gap:.45rem;font-size:.67rem;color:#8a96aa;margin-bottom:15px}
.meprogram-breadcrumb a{color:#647795;text-decoration:none;font-weight:700}
.meprogram-workspace-icon{width:52px;height:52px;border-radius:16px;font-size:1.1rem}
.meprogram-hero-main h1{font-size:clamp(1.55rem,3vw,2.25rem);font-weight:800;letter-spacing:-.04em;margin:0;color:var(--mp-navy)}
.meprogram-program-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#7b8798;font-size:.72rem;font-weight:600}
.meprogram-program-meta span{display:flex;align-items:center;gap:.4rem}
.meprogram-workspace-description{max-width:780px;margin:0;color:var(--mp-muted);font-size:.82rem;line-height:1.7}
.meprogram-hero-side{border-left:1px solid #edf0f4;padding-left:30px}
.meprogram-progress-label{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:#758197;font-weight:700}
.meprogram-progress-label strong{color:var(--mp-navy);font-size:.82rem}
.meprogram-progress{height:8px;border-radius:999px;background:#edf1f6;overflow:hidden;margin:10px 0 8px}
.meprogram-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mp-blue),#6f8df4)}
.meprogram-progress-note{font-size:.65rem;color:#929caf}

.meprogram-metrics-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.meprogram-metric-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--mp-border);border-radius:16px;padding:15px 17px;box-shadow:0 6px 18px rgba(31,51,92,.035)}
.meprogram-metric-icon,.meprogram-panel-icon{display:grid;place-items:center;background:#f0f4ff;color:var(--mp-blue);border-radius:12px}
.meprogram-metric-icon{width:38px;height:38px;flex:0 0 auto}
.meprogram-metric-card>div:last-child{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;min-width:0}
.meprogram-metric-card span{grid-column:1/-1;color:#8995a7;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.meprogram-metric-card strong{font-size:1.25rem;color:var(--mp-navy);letter-spacing:-.03em}
.meprogram-metric-card small{font-size:.61rem;color:#99a3b2}

.meprogram-workspace-shell{background:#fff;border:1px solid var(--mp-border);border-radius:20px;overflow:hidden;box-shadow:var(--mp-shadow)}
.meprogram-tabs{display:flex;gap:5px;padding:10px 12px;border-bottom:1px solid #edf0f4;background:#fbfcfe;overflow-x:auto}
.meprogram-tab{border:0;background:transparent;display:inline-flex;align-items:center;gap:.45rem;padding:.62rem .78rem;border-radius:10px;color:#718096;font-size:.72rem;font-weight:700;white-space:nowrap;transition:.18s ease}
.meprogram-tab:hover{background:#f1f4f8;color:#43536b}
.meprogram-tab.active{background:#eaf1ff;color:var(--mp-blue)}
.meprogram-tab-content{padding:20px}

.meprogram-overview-grid,.meprogram-two-column{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:18px}
.meprogram-two-column-agenda{grid-template-columns:minmax(0,1.55fr) minmax(340px,.7fr)}
.meprogram-panel{background:#fff;border:1px solid var(--mp-border);border-radius:16px;padding:20px}
.meprogram-panel-wide{min-height:100%}
.meprogram-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px}
.meprogram-panel-head h2{font-size:.96rem;font-weight:800;letter-spacing:-.02em;color:var(--mp-navy);margin:2px 0 0}
.meprogram-panel-kicker{font-size:.58rem;text-transform:uppercase;letter-spacing:.09em;color:#9aa5b5;font-weight:800}
.meprogram-panel-icon{width:36px;height:36px}
.meprogram-side-description{color:#8692a5;font-size:.72rem;line-height:1.65;margin:-6px 0 16px}

.meprogram-timeline-list,.meprogram-agenda-list,.meprogram-people-list,.meprogram-task-list,.meprogram-activity-list{display:flex;flex-direction:column}
.meprogram-timeline-item,.meprogram-agenda-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid #eef1f5}
.meprogram-timeline-item:first-child,.meprogram-agenda-row:first-child,.meprogram-person-row:first-child,.meprogram-task-row:first-child,.meprogram-activity-item:first-child{border-top:0}
.meprogram-date-box{width:44px;min-width:44px;height:48px;border-radius:12px;background:#f4f7fb;border:1px solid #e8edf4;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.meprogram-date-box strong{font-size:.92rem;color:var(--mp-navy)}
.meprogram-date-box span{font-size:.53rem;color:#8592a6;margin-top:5px;font-weight:800;letter-spacing:.05em}
.meprogram-timeline-copy h3,.meprogram-agenda-copy h3{font-size:.8rem;font-weight:800;color:#28364a;margin:1px 0 6px}
.meprogram-timeline-copy p,.meprogram-agenda-copy p{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;color:#8490a2;font-size:.66rem;margin:0}
.meprogram-sync-dot{width:8px;height:8px;border-radius:50%;background:#d3dae4;margin-top:7px}.meprogram-sync-dot.is-synced{background:#45a977;box-shadow:0 0 0 4px #ebf8f2}
.meprogram-agenda-description{font-size:.72rem;color:#66758a;line-height:1.6;margin-top:8px}
.meprogram-attendee-line,.meprogram-warning-line{display:flex;align-items:center;gap:.4rem;font-size:.65rem;margin-top:8px;color:#8995a7}.meprogram-attendee-line span{font-weight:700;color:#65758e}.meprogram-warning-line{color:#a96c17}
.meprogram-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}.meprogram-row-actions form{margin:0}.meprogram-row-actions .btn{border:1px solid #ebeff4;font-size:.64rem;border-radius:8px;padding:.38rem .55rem}
.meprogram-agenda-row.is-cancelled{opacity:.68}

.meprogram-mini-badge,.meprogram-access-badge,.meprogram-integration-pill,.meprogram-coming-soon{display:inline-flex;align-items:center;border-radius:999px;font-size:.57rem;font-weight:800;padding:.28rem .48rem;white-space:nowrap}
.meprogram-mini-badge.is-success{background:#eaf8f1;color:#2f8f62}.meprogram-mini-badge.is-warning{background:#fff4e2;color:#a86b12}.meprogram-mini-badge.is-muted{background:#f1f3f6;color:#7c8898}
.meprogram-access-badge{background:#f1f4f8;color:#69788d}
.meprogram-integration-pill{gap:.35rem;background:#f1f3f6;color:#7b8797}.meprogram-integration-pill.is-connected{background:#eaf8f1;color:#2f8f62}
.meprogram-coming-soon{background:#edf3ff;color:#315bc8}

.meprogram-task-preview-item,.meprogram-task-row,.meprogram-person-row,.meprogram-activity-item{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid #eef1f5}
.meprogram-task-check{width:17px;height:17px;border-radius:5px;border:1.5px solid #ccd4df;margin-top:1px;flex:0 0 auto}
.meprogram-task-preview-item>div,.meprogram-task-copy,.meprogram-person-copy,.meprogram-activity-copy{min-width:0;flex:1}
.meprogram-task-preview-item strong,.meprogram-task-copy strong,.meprogram-person-copy strong,.meprogram-activity-copy strong{display:block;color:#334157;font-size:.72rem;font-weight:800}
.meprogram-task-preview-item small,.meprogram-task-copy span,.meprogram-person-copy span,.meprogram-activity-copy span{display:block;color:#8793a5;font-size:.63rem;margin-top:3px}
.meprogram-task-copy small,.meprogram-person-copy small{display:block;color:#9aa5b4;font-size:.61rem;margin-top:4px;line-height:1.5}
.meprogram-task-status{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto;background:#f2f4f7;color:#8390a2}.meprogram-task-status.is-progress{background:#fff4e2;color:#aa6e15}.meprogram-task-status.is-done{background:#eaf8f1;color:#2f8f62}
.meprogram-person-row{align-items:center}.meprogram-person-row .user-avatar-modern{width:38px;height:38px;font-size:.72rem;box-shadow:none;background:#f0f4ff}
.meprogram-activity-dot{width:30px;height:30px;border-radius:9px;background:#f0f4ff;color:var(--mp-blue);display:grid;place-items:center;font-size:.72rem;flex:0 0 auto}
.meprogram-activity-details{margin-top:8px;font-size:.64rem;color:#60708a}.meprogram-activity-details summary{cursor:pointer;font-weight:700}.meprogram-activity-details pre{margin:8px 0 0;background:#f7f9fc;border:1px solid #ebeff5;border-radius:9px;padding:10px;font-size:.61rem;white-space:pre-wrap;color:#526178}

.meprogram-panel-empty{display:flex;align-items:center;gap:12px;padding:24px 6px;color:#8a96a8}.meprogram-panel-empty>i{width:38px;height:38px;border-radius:12px;background:#f4f7fb;display:grid;place-items:center;color:#8ca0c0;font-size:1rem}.meprogram-panel-empty strong{display:block;color:#56667e;font-size:.72rem}.meprogram-panel-empty span{display:block;font-size:.64rem;margin-top:3px}.meprogram-panel-empty.compact{padding:10px 0}
.meprogram-document-empty{text-align:center;padding:48px 24px}.meprogram-document-empty .meprogram-empty-icon{margin-bottom:0}

.meprogram-side-form{align-self:start;position:sticky;top:20px}
.meprogram-side-form .form-label,.meprogram-create-card .form-label{font-size:.7rem;font-weight:800;color:#42526a;margin-bottom:.42rem}
.meprogram-control{min-height:44px;border:1px solid #dfe5ed;border-radius:10px;font-size:.76rem;padding:.64rem .75rem;box-shadow:none!important}.meprogram-control:focus{border-color:#9cb4f7;box-shadow:0 0 0 3px rgba(47,97,233,.08)!important}
textarea.meprogram-control{min-height:auto}
.meprogram-form-help{display:flex;align-items:flex-start;gap:.35rem;color:#8a96a7;font-size:.61rem;line-height:1.55}
.meprogram-form-submit{width:100%;border-radius:10px;font-size:.72rem;font-weight:800;padding:.68rem .8rem}
.meprogram-info-box{display:flex;gap:10px;align-items:flex-start;background:#f4f7ff;border:1px solid #e0e8fb;border-radius:10px;padding:11px 12px;color:#566b91;font-size:.65rem;line-height:1.55}.meprogram-info-box i{color:var(--mp-blue);margin-top:1px}
.meprogram-input-icon{position:relative}.meprogram-input-icon>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#93a0b3;font-size:.78rem}.meprogram-input-icon .form-control{padding-left:34px}
.meprogram-attendee-picker{border:1px solid #e3e8ef;border-radius:11px;max-height:230px;overflow:auto;background:#fbfcfe;padding:5px}
.meprogram-attendee-option{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:9px;align-items:center;padding:8px;border-radius:9px;cursor:pointer}.meprogram-attendee-option:hover{background:#f1f5fb}.meprogram-attendee-option .user-avatar-modern{width:30px;height:30px;font-size:.62rem;box-shadow:none}.meprogram-attendee-option strong{display:block;font-size:.66rem;color:#44536a}.meprogram-attendee-option small{display:block;font-size:.57rem;color:#8c98a9;margin-top:2px}
.meprogram-calendar-toggle{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:11px;padding:11px 12px;background:#fbfcff;cursor:pointer}.meprogram-calendar-icon{width:32px;height:32px;border-radius:9px;background:#eef3ff;color:var(--mp-blue);display:grid;place-items:center}.meprogram-calendar-copy strong{display:block;font-size:.67rem;color:#43516a}.meprogram-calendar-copy small{display:block;font-size:.58rem;line-height:1.5;color:#8b97a8;margin-top:3px}

.meprogram-form-page{max-width:860px}.meprogram-form-intro{margin-bottom:24px}.meprogram-create-card{padding:28px}.meprogram-form-section-head{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #edf0f4}.meprogram-form-section-head h2{font-size:.95rem;font-weight:800;color:var(--mp-navy);margin:0 0 4px}.meprogram-form-section-head p{font-size:.65rem;color:#8995a7;margin:0}.meprogram-form-footer{display:flex;justify-content:flex-end;gap:9px;padding-top:18px;border-top:1px solid #edf0f4;margin-top:22px}

@media(max-width:1050px){.meprogram-program-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meprogram-workspace-hero{grid-template-columns:1fr}.meprogram-hero-side{border-left:0;border-top:1px solid #edf0f4;padding:20px 0 0}.meprogram-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr))}.meprogram-overview-grid,.meprogram-two-column,.meprogram-two-column-agenda{grid-template-columns:1fr}.meprogram-side-form{position:static}}
@media(max-width:700px){.meprogram-pagehead{align-items:flex-start;flex-direction:column}.meprogram-pagehead .meprogram-primary-action{width:100%}.meprogram-program-grid{grid-template-columns:1fr}.meprogram-list-note{display:none}.meprogram-workspace-hero{padding:20px}.meprogram-program-meta{gap:8px}.meprogram-metrics-row{grid-template-columns:1fr 1fr}.meprogram-metric-card{padding:12px}.meprogram-tab-content{padding:12px}.meprogram-tabs{padding:8px}.meprogram-tab{padding:.55rem .65rem}.meprogram-overview-grid{gap:12px}.meprogram-panel{padding:16px}.meprogram-agenda-row{grid-template-columns:auto minmax(0,1fr)}.meprogram-agenda-row>.meprogram-sync-dot{display:none}.meprogram-form-footer{flex-direction:column-reverse}.meprogram-form-footer .btn{width:100%}.meprogram-create-card{padding:20px}.meprogram-brand-divider,.meprogram-brand-name{display:none}}
@media(max-width:480px){.meprogram-metrics-row{grid-template-columns:1fr}.meprogram-card-metrics{grid-template-columns:repeat(3,1fr)}.meprogram-workspace-icon{width:45px;height:45px}.meprogram-hero-main h1{font-size:1.45rem}.meprogram-person-row{display:grid;grid-template-columns:auto minmax(0,1fr)}.meprogram-person-row .meprogram-access-badge{grid-column:2}.meprogram-calendar-toggle{grid-template-columns:auto 1fr}.meprogram-calendar-toggle>.form-check{grid-column:2}}
