@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

 

#abow-it-master-plan-root,

#abow-it-master-plan-root * {

box-sizing: border-box !important;

font-family: 'Poppins', Arial, sans-serif !important;

}

 

#abow-it-master-plan-root {

--deep-navy: #070d2b;

--deep-navy-2: #0b1642;

--navy: #141959;

--blue: #3b82f6;

--blue-light: #7db3ff;

--blue-soft: #edf4ff;

--text: #17203f;

--muted: #66728a;

--light-muted: #c8d4f2;

--grid: rgba(255,255,255,.055);

--orange: #ff8a2a;

--orange-soft: #fff4e8;

--green: #16a34a;

--purple: #7c3aed;

--pink-soft: #fdf2f8;

--red-soft: #fff1f2;

--shadow: 0 26px 80px rgba(0,0,0,.22);

--shadow-soft: 0 18px 46px rgba(0,0,0,.14);

display: block !important;

width: 100% !important;

min-height: 100vh !important;

margin-top: 0 !important;

position: relative !important;

z-index: 1 !important;

clear: both !important;

color: var(--text) !important;

background-color: var(--deep-navy) !important;

background-image:

linear-gradient(to right, var(--grid) 1px, transparent 1px),

linear-gradient(to bottom, var(--grid) 1px, transparent 1px),

radial-gradient(circle at 50% 0%, rgba(59,130,246,.20), transparent 36%),

radial-gradient(circle at 8% 22%, rgba(59,130,246,.14), transparent 28%),

linear-gradient(135deg, #070d2b 0%, #0b1642 48%, #05091f 100%) !important;

background-size: 50px 50px, 50px 50px, auto, auto, auto !important;

overflow: visible !important;

}

 

#abow-it-master-plan-root::before {

content: "";

position: fixed;

inset: 0;

pointer-events: none;

z-index: 0;

background:

radial-gradient(circle at 80% 12%, rgba(125,179,255,.16), transparent 26%),

linear-gradient(to bottom, rgba(255,255,255,.02), rgba(7,13,43,.18));

}

 

#abow-it-master-plan-root .abow-master-shell {

width: min(1220px, calc(100% - 40px));

margin: 0 auto;

position: relative;

z-index: 2;

}

 

#abow-it-master-plan-root .abow-master-top {

padding: calc(var(--abow-wp-sticky-offset, 0px) + 86px) 0 28px;

position: relative;

z-index: 2;

}

 

#abow-it-master-plan-root .abow-master-hero {

position: relative;

overflow: hidden;

border-radius: 38px;

padding: clamp(28px, 5vw, 56px);

color: #fff;

border: 1px solid rgba(255,255,255,.14);

background:

radial-gradient(circle at 78% 10%, rgba(125,179,255,.26), transparent 28%),

radial-gradient(circle at 0% 80%, rgba(59,130,246,.14), transparent 32%),

linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.04));

box-shadow: var(--shadow);

backdrop-filter: blur(8px);

}

 

#abow-it-master-plan-root .abow-master-kicker,

#abow-it-master-plan-root .abow-section-kicker {

display: inline-flex;

align-items: center;

gap: 10px;

width: max-content;

max-width: 100%;

padding: 10px 18px;

margin-bottom: 22px;

border-radius: 999px;

background: rgba(255,255,255,.08);

border: 1px solid rgba(255,255,255,.16);

color: #fff;

font-size: 11px;

font-weight: 600;

letter-spacing: 1.4px;

text-transform: uppercase;

box-shadow: 0 18px 44px rgba(0,0,0,.18);

}

 

#abow-it-master-plan-root .abow-master-kicker i,

#abow-it-master-plan-root .abow-section-kicker i {

width: 9px;

height: 9px;

border-radius: 999px;

background: var(--blue-light);

box-shadow: 0 0 0 7px rgba(125,179,255,.16);

}

 

#abow-it-master-plan-root .abow-master-title {

max-width: 980px;

margin: 0;

color: #fff;

font-size: clamp(34px, 5vw, 64px);

line-height: 1.06;

letter-spacing: -2.1px;

font-weight: 700;

}

 

#abow-it-master-plan-root .abow-master-title span {

display: block;

color: var(--blue-light);

font-style: italic;

font-weight: 600;

}

 

#abow-it-master-plan-root .abow-master-lead {

max-width: 860px;

margin: 22px 0 0;

color: var(--light-muted);

font-size: 15.5px;

line-height: 1.78;

font-weight: 400;

}

 

#abow-it-master-plan-root .abow-month-tabs {

display: grid;

grid-template-columns: repeat(4, 1fr);

gap: 12px;

margin-top: 30px;

}

 

#abow-it-master-plan-root .abow-month-tab {

position: relative;

min-height: 148px;

padding: 18px;

border-radius: 24px;

text-align: left;

border: 1px solid rgba(255,255,255,.14);

color: #fff;

background: rgba(255,255,255,.075);

cursor: pointer;

transition: .25s ease;

overflow: hidden;

}

 

#abow-it-master-plan-root .abow-month-tab::before {

content: "";

position: absolute;

right: -36px;

top: -36px;

width: 110px;

height: 110px;

border-radius: 999px;

background: rgba(125,179,255,.11);

}

 

#abow-it-master-plan-root .abow-month-tab:hover,

#abow-it-master-plan-root .abow-month-tab.active {

transform: translateY(-3px);

background: rgba(255,255,255,.13);

box-shadow: 0 18px 46px rgba(0,0,0,.18);

}

 

#abow-it-master-plan-root .abow-month-tab.active {

border-color: rgba(125,179,255,.62);

outline: 2px solid rgba(125,179,255,.18);

}

 

#abow-it-master-plan-root .abow-month-tab.empty {

opacity: .72;

}

 

#abow-it-master-plan-root .abow-month-tab strong {

position: relative;

z-index: 1;

display: block;

font-size: 22px;

line-height: 1.1;

letter-spacing: -.7px;

font-weight: 650;

}

 

#abow-it-master-plan-root .abow-month-tab span {

position: relative;

z-index: 1;

display: block;

margin-top: 8px;

color: var(--light-muted);

font-size: 12px;

line-height: 1.45;

}

 

#abow-it-master-plan-root .abow-month-tab small {

position: relative;

z-index: 1;

display: inline-flex;

align-items: center;

min-height: 28px;

margin-top: 14px;

padding: 0 10px;

border-radius: 999px;

font-size: 10.5px;

font-weight: 600;

background: rgba(255,255,255,.11);

border: 1px solid rgba(255,255,255,.13);

color: #fff;

}

 

#abow-it-master-plan-root .abow-month-tab.ready small {

color: #d9f99d;

}

 

#abow-it-master-plan-root .abow-month-tab.empty small {

color: #cbd5e1;

}

 

#abow-it-master-plan-root .abow-month-tab .abow-count {

position: absolute;

right: 16px;

bottom: 15px;

z-index: 1;

color: rgba(255,255,255,.42);

font-size: 42px;

line-height: 1;

font-weight: 700;

letter-spacing: -2px;

}

 

#abow-it-master-plan-root .abow-section {

padding: 34px 0;

position: relative;

z-index: 2;

scroll-margin-top: 130px;

}

 

#abow-it-master-plan-root .abow-section-head {

max-width: 960px;

margin: 0 auto 24px;

text-align: center;

}

 

#abow-it-master-plan-root .abow-section-head h2 {

max-width: 900px;

margin: 0 auto;

color: #fff;

font-size: clamp(28px, 4vw, 50px);

line-height: 1.12;

letter-spacing: -1.5px;

font-weight: 650;

}

 

#abow-it-master-plan-root .abow-section-head p {

max-width: 800px;

margin: 16px auto 0;

color: var(--light-muted);

font-size: 14.5px;

line-height: 1.75;

font-weight: 400;

}

 

#abow-it-master-plan-root .abow-active-summary {

display: grid;

grid-template-columns: 1.25fr .75fr;

gap: 16px;

align-items: stretch;

}

 

#abow-it-master-plan-root .abow-summary-card,

#abow-it-master-plan-root .abow-calendar-card,

#abow-it-master-plan-root .abow-table-wrap,

#abow-it-master-plan-root .abow-content-card,

#abow-it-master-plan-root .abow-empty-card,

#abow-it-master-plan-root .abow-edit-card {

background: #fff;

border: 1px solid rgba(255,255,255,.12);

border-radius: 30px;

box-shadow: var(--shadow-soft);

}

 

#abow-it-master-plan-root .abow-summary-card {

padding: 26px;

background: radial-gradient(circle at 92% 0%, rgba(59,130,246,.12), transparent 34%), #fff;

}

 

#abow-it-master-plan-root .abow-summary-card h3 {

margin: 0;

color: var(--navy);

font-size: clamp(24px, 3vw, 36px);

line-height: 1.12;

letter-spacing: -1px;

font-weight: 650;

}

 

#abow-it-master-plan-root .abow-summary-card p {

margin: 12px 0 0;

color: var(--muted);

font-size: 13.5px;

line-height: 1.7;

}

 

#abow-it-master-plan-root .abow-summary-pills {

display: flex;

flex-wrap: wrap;

gap: 8px;

margin-top: 18px;

}

 

#abow-it-master-plan-root .abow-pill {

display: inline-flex;

align-items: center;

min-height: 32px;

padding: 0 12px;

border-radius: 999px;

background: var(--blue-soft);

color: var(--navy);

border: 1px solid rgba(20,25,89,.08);

font-size: 11px;

font-weight: 600;

}

 

#abow-it-master-plan-root .abow-metrics {

display: grid;

grid-template-columns: repeat(2, 1fr);

gap: 10px;

}

 

#abow-it-master-plan-root .abow-metric {

min-height: 98px;

padding: 16px;

border-radius: 20px;

background: rgba(255,255,255,.08);

border: 1px solid rgba(255,255,255,.14);

color: #fff;

}

 

#abow-it-master-plan-root .abow-metric strong {

display: block;

font-size: 29px;

line-height: 1;

letter-spacing: -1px;

font-weight: 650;

}

 

#abow-it-master-plan-root .abow-metric span {

display: block;

margin-top: 9px;

color: var(--light-muted);

font-size: 11.5px;

line-height: 1.45;

}

 

#abow-it-master-plan-root .abow-edit-card {

margin-top: 16px;

padding: 18px;

background: rgba(255,255,255,.09);

border-color: rgba(255,255,255,.14);

}

 

#abow-it-master-plan-root .abow-edit-card strong {

display: block;

color: #fff;

font-size: 14px;

font-weight: 650;

margin-bottom: 7px;

}

 

#abow-it-master-plan-root .abow-edit-card code {

display: inline-flex;

padding: 3px 8px;

margin: 2px 2px 0 0;

border-radius: 999px;

color: #fff;

background: rgba(255,255,255,.10);

border: 1px solid rgba(255,255,255,.14);

font-size: 11px;

}

 

#abow-it-master-plan-root .abow-edit-card p {

margin: 0;

color: var(--light-muted);

font-size: 12.5px;

line-height: 1.6;

}

 

#abow-it-master-plan-root .abow-empty-card {

padding: 34px;

text-align: center;

background: radial-gradient(circle at 50% 0%, rgba(59,130,246,.08), transparent 35%), #fff;

}

 

#abow-it-master-plan-root .abow-empty-card h3 {

margin: 0;

color: var(--navy);

font-size: 25px;

letter-spacing: -.7px;

}

 

#abow-it-master-plan-root .abow-empty-card p {

max-width: 680px;

margin: 12px auto 0;

color: var(--muted);

font-size: 13px;

line-height: 1.7;

}

 

#abow-it-master-plan-root .abow-calendar-card {

overflow: hidden;

}

 

#abow-it-master-plan-root .abow-calendar-top {

display: flex;

align-items: center;

justify-content: space-between;

gap: 18px;

flex-wrap: wrap;

padding: 24px;

background: radial-gradient(circle at 88% 0%, rgba(59,130,246,.10), transparent 36%), #fff;

border-bottom: 1px solid rgba(20,25,89,.08);

}

 

#abow-it-master-plan-root .abow-calendar-top h3 {

margin: 0;

color: var(--navy);

font-size: clamp(22px, 3vw, 34px);

line-height: 1.16;

letter-spacing: -1px;

font-weight: 650;

}

 

#abow-it-master-plan-root .abow-calendar-top p {

margin: 7px 0 0;

color: var(--muted);

font-size: 13px;

line-height: 1.6;

}

 

#abow-it-master-plan-root .abow-calendar-legend {

display: flex;

flex-wrap: wrap;

gap: 8px;

justify-content: flex-end;

}

 

#abow-it-master-plan-root .abow-legend-pill {

display: inline-flex;

align-items: center;

gap: 7px;

min-height: 30px;

padding: 0 10px;

border-radius: 999px;

background: #f8fbff;

border: 1px solid rgba(20,25,89,.08);

color: var(--navy);

font-size: 10.5px;

font-weight: 600;

}

 

#abow-it-master-plan-root .abow-dot {

width: 9px;

height: 9px;

border-radius: 999px;

display: inline-block;

}

 

#abow-it-master-plan-root .dot-reels { background: var(--navy); }

#abow-it-master-plan-root .dot-carousel { background: var(--blue); }

#abow-it-master-plan-root .dot-post { background: var(--green); }

#abow-it-master-plan-root .dot-story { background: var(--purple); }

#abow-it-master-plan-root .dot-campaign { background: var(--orange); }

#abow-it-master-plan-root .dot-empty { background: #cbd5e1; }

 

#abow-it-master-plan-root .abow-calendar-grid {

display: grid;

grid-template-columns: repeat(7, 1fr);

gap: 1px;

background: rgba(20,25,89,.08);

}

 

#abow-it-master-plan-root .abow-weekday {

padding: 13px 10px;

background: var(--navy);

color: #fff;

text-align: center;

font-size: 10.5px;

font-weight: 650;

letter-spacing: .8px;

text-transform: uppercase;

}

 

#abow-it-master-plan-root .abow-calendar-cell {

min-height: 150px;

padding: 10px;

background: #fff;

position: relative;

}

 

#abow-it-master-plan-root .abow-calendar-cell.blank { background: #f4f7ff; }

#abow-it-master-plan-root .abow-calendar-cell.sunday { background: #f8fafc; }

 

#abow-it-master-plan-root .abow-calendar-day {

display: flex;

align-items: center;

justify-content: space-between;

gap: 8px;

margin-bottom: 8px;

color: var(--navy);

font-size: 13px;

font-weight: 650;

}

 

#abow-it-master-plan-root .abow-calendar-note {

color: #94a3b8;

font-size: 10.5px;

font-weight: 600;

}

#abow-it-master-plan-root .abow-calendar-soft-note {

display: block;

padding: 8px 9px;

border-radius: 12px;

background: rgba(20,25,89,0.06);

border: 1px dashed rgba(20,25,89,0.16);

color: #475569;

font-size: 10.8px;

line-height: 1.35;

font-weight: 650;

}

 

#abow-it-master-plan-root .abow-calendar-items {

display: grid;

gap: 6px;

}

 

#abow-it-master-plan-root .abow-calendar-chip {

display: block;

width: 100%;

border: 1px solid transparent;

border-radius: 12px;

padding: 7px 8px;

text-align: left;

cursor: pointer;

transition: .2s ease;

font-size: 10px;

line-height: 1.25;

font-weight: 500;

position: relative;

}

 

#abow-it-master-plan-root .abow-calendar-chip:hover {

transform: translateY(-1px);

box-shadow: 0 10px 18px rgba(20,25,89,.10);

}

 

#abow-it-master-plan-root .abow-calendar-chip strong {

display: block;

font-size: 10px;

font-weight: 650;

margin-bottom: 2px;

padding-right: 19px;

}

 

#abow-it-master-plan-root .abow-calendar-chip small {

display: block;

opacity: .9;

font-size: 9px;

line-height: 1.28;

}

 

#abow-it-master-plan-root .chip-reels { background: linear-gradient(135deg, var(--navy), #202a78); border-color: rgba(20,25,89,.28); color: #fff; }

#abow-it-master-plan-root .chip-carousel { background: linear-gradient(135deg, var(--blue), #2563eb); border-color: rgba(59,130,246,.28); color: #fff; }

#abow-it-master-plan-root .chip-post { background: linear-gradient(135deg, var(--green), #0f8a3b); border-color: rgba(22,163,74,.28); color: #fff; }

#abow-it-master-plan-root .chip-story { background: linear-gradient(135deg, var(--purple), #6d28d9); border-color: rgba(124,58,237,.28); color: #fff; }

 

#abow-it-master-plan-root .abow-calendar-chip.campaign {

outline: 2px solid rgba(255,138,42,.48);

box-shadow: 0 12px 22px rgba(255,138,42,.16);

}

 

#abow-it-master-plan-root .abow-calendar-chip.campaign::after {

content: '✓';

position: absolute;

right: 7px;

top: 7px;

width: 17px;

height: 17px;

border-radius: 999px;

display: grid;

place-items: center;

background: #fff;

color: var(--orange);

font-size: 10px;

font-weight: 750;

}

 

#abow-it-master-plan-root .abow-month-summary {

display: grid;

grid-template-columns: repeat(6, 1fr);

gap: 12px;

padding: 18px;

background: #f8fbff;

border-top: 1px solid rgba(20,25,89,.08);

}

 

#abow-it-master-plan-root .abow-summary-box {

min-height: 92px;

padding: 15px;

border-radius: 18px;

background: #fff;

border: 1px solid rgba(20,25,89,.08);

}

 

#abow-it-master-plan-root .abow-summary-box strong {

display: block;

color: var(--navy);

font-size: 24px;

line-height: 1;

font-weight: 650;

letter-spacing: -.8px;

}

 

#abow-it-master-plan-root .abow-summary-box span {

display: block;

margin-top: 8px;

color: var(--muted);

font-size: 11.5px;

line-height: 1.45;

}

 

#abow-it-master-plan-root .abow-table-wrap {

overflow: hidden;

}

 

#abow-it-master-plan-root .abow-table {

width: 100%;

border-collapse: collapse;

background: #fff;

}

 

#abow-it-master-plan-root .abow-table th,

#abow-it-master-plan-root .abow-table td {

padding: 15px 16px;

text-align: left;

border-bottom: 1px solid rgba(20,25,89,.08);

vertical-align: middle;

font-size: 12px;

line-height: 1.55;

}

 

#abow-it-master-plan-root .abow-table th {

background: var(--navy);

color: #fff;

font-size: 10.5px;

font-weight: 650;

letter-spacing: 1.1px;

text-transform: uppercase;

}

 

#abow-it-master-plan-root .abow-table tr:last-child td { border-bottom: 0; }

#abow-it-master-plan-root .abow-table td strong { display:block; color:var(--navy); font-size:13px; font-weight:650; margin-bottom:3px; }

#abow-it-master-plan-root .abow-campaign-row td { background:#fffdf8; }

#abow-it-master-plan-root .abow-campaign-row td:first-child { box-shadow: inset 5px 0 0 var(--orange); }

 

#abow-it-master-plan-root .abow-type-badge,

#abow-it-master-plan-root .abow-ad-badge,

#abow-it-master-plan-root .abow-mini-badge {

display: inline-flex;

align-items: center;

justify-content: center;

width: max-content;

max-width: 100%;

min-height: 32px;

padding: 0 12px;

border-radius: 999px;

line-height: 1;

white-space: nowrap;

font-size: 11px;

font-weight: 650;

}

 

#abow-it-master-plan-root .type-reels { background: var(--navy); color: #fff; border: 1px solid rgba(20,25,89,.22); box-shadow: 0 10px 22px rgba(20,25,89,.16); }

#abow-it-master-plan-root .type-carousel { background: var(--blue); color: #fff; border: 1px solid rgba(59,130,246,.24); box-shadow: 0 10px 22px rgba(59,130,246,.16); }

#abow-it-master-plan-root .type-post { background: var(--green); color: #fff; border: 1px solid rgba(22,163,74,.24); box-shadow: 0 10px 22px rgba(22,163,74,.14); }

#abow-it-master-plan-root .type-story { background: var(--purple); color: #fff; border: 1px solid rgba(124,58,237,.24); box-shadow: 0 10px 22px rgba(124,58,237,.14); }

#abow-it-master-plan-root .ad-campaign { background: var(--orange-soft); color: #b45309; border: 1px solid rgba(255,138,42,.26); }

#abow-it-master-plan-root .ad-organic { background: #f8fafc; color: #475569; border: 1px solid rgba(20,25,89,.08); }

#abow-it-master-plan-root .ad-story { background: #fdf2f8; color: #be185d; border: 1px solid rgba(219,39,119,.16); }

 

#abow-it-master-plan-root .abow-detail-btn,

#abow-it-master-plan-root .abow-copy-btn,

#abow-it-master-plan-root .abow-filter-btn,

#abow-it-master-plan-root .abow-modal-close {

border: 0;

cursor: pointer;

transition: .25s ease;

}

 

#abow-it-master-plan-root .abow-detail-btn {

min-height: 38px;

padding: 0 14px;

border-radius: 999px;

color: #fff;

background: var(--navy);

font-size: 11.5px;

font-weight: 600;

}

#abow-it-master-plan-root .abow-shared-status {

display: inline-flex;

align-items: center;

gap: 8px;

width: max-content;

max-width: 100%;

min-height: 32px;

padding: 5px 8px 5px 11px;

border-radius: 999px;

background: #f1f5f9;

border: 1px solid rgba(20,25,89,08);

color: #64748b;

font-size: 11px;

font-weight: 650;

line-height: 1;

margin-top: 10px;

}

#abow-it-master-plan-root .abow-shared-status.is-shared {

background: #16a34a;

border-color: #16a34a;

color: #ffffff;

}

#abow-it-master-plan-root .abow-shared-toggle {

border: 0;

min-height: 24px;

padding: 0 9px;

border-radius: 999px;

background: var(--navy);

color: #fff;

font-size: 10px;

font-weight: 650;

cursor: pointer;

transition: .2s ease;

}

#abow-it-master-plan-root .abow-shared-toggle:hover {

transform: translateY(-1px);

}

#abow-it-master-plan-root .abow-shared-toggle:disabled {

opacity: .55;

cursor: not-allowed;

transform: none;

}

#abow-it-master-plan-root .abow-calendar-chip.is-shared {

box-shadow: 0 12px 22px rgba(22,163,74,14);

outline: 2px solid rgba(22,163,74,34);

}

#abow-it-master-plan-root .abow-calendar-shared {

margin-top: 5px;

display: inline-flex;

width: max-content;

padding: 3px 7px;

border-radius: 999px;

background: rgba(255,255,255,82);

color: #15803d;

font-size: 9.5px;

font-style: normal;

font-weight: 750;

}

 

#abow-it-master-plan-root .abow-filter-row {

display: flex;

align-items: center;

justify-content: space-between;

gap: 14px;

flex-wrap: wrap;

margin-bottom: 18px;

}

 

#abow-it-master-plan-root .abow-filter-buttons,

#abow-it-master-plan-root .abow-legend-mini {

display: flex;

gap: 8px;

flex-wrap: wrap;

}

 

#abow-it-master-plan-root .abow-filter-btn {

min-height: 40px;

padding: 0 14px;

border-radius: 999px;

border: 1px solid rgba(255,255,255,.16);

background: rgba(255,255,255,.08);

color: rgba(255,255,255,.88);

font-size: 12px;

font-weight: 600;

}

 

#abow-it-master-plan-root .abow-filter-btn:hover,

#abow-it-master-plan-root .abow-filter-btn.active {

background: #fff;

color: var(--navy);

}

 

#abow-it-master-plan-root .abow-mini-badge {

background: rgba(255,255,255,.08);

border: 1px solid rgba(255,255,255,.16);

color: var(--light-muted);

}

 

#abow-it-master-plan-root .abow-content-grid {

display: grid;

grid-template-columns: repeat(2, minmax(0, 1fr));

gap: 18px;

}

 

#abow-it-master-plan-root .abow-content-card {

overflow: hidden;

display: flex;

flex-direction: column;

min-height: 100%;

transition: .25s ease;

position: relative;

border: 1px solid rgba(20,25,89,.10);

border-radius: 30px;

}

 

#abow-it-master-plan-root .abow-content-card:hover {

transform: translateY(-4px);

box-shadow: var(--shadow);

}

 

#abow-it-master-plan-root .card-reels { border-top: 4px solid var(--navy); }

#abow-it-master-plan-root .card-story { border-top: 4px solid var(--purple); }

#abow-it-master-plan-root .card-carousel { border-top: 4px solid var(--blue); }

#abow-it-master-plan-root .card-post { border-top: 4px solid var(--green); }

#abow-it-master-plan-root .campaign-card { border-color: rgba(255,138,42,.28); box-shadow: 0 14px 40px rgba(255,138,42,.08), var(--shadow-soft); }

 

#abow-it-master-plan-root .abow-card-head {

padding: 22px 22px 18px;

background: radial-gradient(circle at 86% 0%, rgba(59,130,246,.10), transparent 34%), #fff;

border-bottom: 1px solid rgba(20,25,89,.08);

}

 

#abow-it-master-plan-root .abow-card-meta {

display: flex;

align-items: center;

justify-content: space-between;

gap: 10px;

flex-wrap: wrap;

margin-bottom: 16px;

}

 

#abow-it-master-plan-root .abow-card-badges { display:flex; gap:8px; flex-wrap:wrap; }

#abow-it-master-plan-root .abow-date-chip { display:inline-flex; align-items:center; min-height:30px; padding:0 11px; border-radius:999px; color:var(--navy); background:var(--blue-soft); font-size:11px; font-weight:600; }

#abow-it-master-plan-root .abow-content-card h3 { margin:0 0 9px; color:var(--navy); font-size:20px; line-height:1.22; letter-spacing:-.7px; font-weight:650; }

#abow-it-master-plan-root .abow-objective { margin:0; color:var(--muted); font-size:13px; line-height:1.7; }

 

#abow-it-master-plan-root .abow-card-body { padding:20px 22px 22px; display:flex; flex-direction:column; gap:14px; flex:1; }

#abow-it-master-plan-root .abow-info-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }

#abow-it-master-plan-root .abow-info-box { min-height:82px; padding:13px; border-radius:16px; border:1px solid rgba(20,25,89,.08); background:#f8fbff; }

#abow-it-master-plan-root .abow-info-box span { display:block; margin-bottom:6px; color:var(--blue); font-size:9.5px; font-weight:650; text-transform:uppercase; letter-spacing:1px; }

#abow-it-master-plan-root .abow-info-box strong { display:block; color:var(--navy); font-size:11.5px; line-height:1.42; font-weight:600; }

 

#abow-it-master-plan-root .abow-script-box,

#abow-it-master-plan-root .abow-hashtag-box { overflow:hidden; border-radius:18px; border:1px solid rgba(20,25,89,.08); background:#fff; }

#abow-it-master-plan-root .abow-box-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 12px; background:#f8fbff; border-bottom:1px solid rgba(20,25,89,.08); }

#abow-it-master-plan-root .abow-box-top strong { color:var(--navy); font-size:12px; font-weight:650; }

#abow-it-master-plan-root .abow-copy-btn { min-height:30px; padding:0 11px; border-radius:999px; color:#fff; background:var(--navy); font-size:10.5px; font-weight:600; }

#abow-it-master-plan-root .abow-copy-btn:hover { background:var(--blue); transform:translateY(-1px); }

#abow-it-master-plan-root .abow-copy-btn.copied { background:var(--green); }

#abow-it-master-plan-root .abow-pre { margin:0; padding:15px; white-space:pre-wrap; word-break:break-word; color:#27304f; font-size:12.5px; line-height:1.76; max-height:430px; overflow:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y; }

#abow-it-master-plan-root .abow-hashtags { padding:15px; color:var(--blue); font-size:13px; line-height:1.7; font-weight:650; }

 

#abow-it-master-plan-root .abow-scroll { scrollbar-width:thin; scrollbar-color:var(--blue) rgba(237,244,255,.8); }

#abow-it-master-plan-root .abow-scroll::-webkit-scrollbar { width:9px; height:9px; }

#abow-it-master-plan-root .abow-scroll::-webkit-scrollbar-track { background:rgba(237,244,255,.9); border-radius:999px; }

#abow-it-master-plan-root .abow-scroll::-webkit-scrollbar-thumb { background:linear-gradient(180deg,var(--blue),var(--navy)); border-radius:999px; border:2px solid rgba(237,244,255,.9); }


#abow-it-master-plan-root .abow-revision-widget {

margin-top: 12px;

padding: 12px;

border-radius: 18px;

background: #f8fbff;

border: 1px solid rgba(20,25,89,.08);

}

#abow-it-master-plan-root .abow-revision-top {

display: flex;

align-items: center;

justify-content: space-between;

gap: 10px;

flex-wrap: wrap;

}

#abow-it-master-plan-root .abow-revision-btn,
#abow-it-master-plan-root .abow-revision-submit,
#abow-it-master-plan-root .abow-revision-action {

border: 0;

border-radius: 999px;

cursor: pointer;

font-family: inherit;

font-weight: 650;

transition: .2s ease;

}

#abow-it-master-plan-root .abow-revision-btn {

min-height: 34px;

padding: 0 12px;

background: var(--blue-soft);

color: var(--navy);

font-size: 11px;

border: 1px solid rgba(59,130,246,.16);

}

#abow-it-master-plan-root .abow-revision-btn:hover,
#abow-it-master-plan-root .abow-revision-submit:hover,
#abow-it-master-plan-root .abow-revision-action:hover {

transform: translateY(-1px);

}

#abow-it-master-plan-root .abow-revision-count {

display: inline-flex;

align-items: center;

min-height: 28px;

padding: 0 9px;

border-radius: 999px;

background: #fff7ed;

color: #c2410c;

font-size: 10px;

font-weight: 750;

border: 1px solid rgba(255,138,42,.20);

}

#abow-it-master-plan-root .abow-revision-form {

display: none;

margin-top: 10px;

}

#abow-it-master-plan-root .abow-revision-form.open {

display: block;

}

#abow-it-master-plan-root .abow-revision-form textarea {

width: 100%;

min-height: 104px;

resize: vertical;

border-radius: 16px;

border: 1px solid rgba(20,25,89,.12);

background: #fff;

color: var(--navy);

font-family: inherit;

font-size: 12px;

line-height: 1.55;

padding: 12px 13px;

outline: none;

}

#abow-it-master-plan-root .abow-revision-form textarea:focus {

border-color: rgba(59,130,246,.45);

box-shadow: 0 0 0 4px rgba(59,130,246,.10);

}

#abow-it-master-plan-root .abow-revision-form-foot {

display: flex;

align-items: center;

justify-content: space-between;

gap: 10px;

margin-top: 9px;

flex-wrap: wrap;

}

#abow-it-master-plan-root .abow-revision-help {

color: var(--muted);

font-size: 10.5px;

line-height: 1.4;

}

#abow-it-master-plan-root .abow-revision-submit {

min-height: 34px;

padding: 0 13px;

background: var(--navy);

color: #fff;

font-size: 11px;

}

#abow-it-master-plan-root .abow-revision-submit:disabled,
#abow-it-master-plan-root .abow-revision-action:disabled {

opacity: .55;

cursor: not-allowed;

transform: none;

}

#abow-it-master-plan-root .abow-revision-hp {

position: absolute !important;

left: -9999px !important;

width: 1px !important;

height: 1px !important;

opacity: 0 !important;

pointer-events: none !important;

}

#abow-it-master-plan-root .abow-revision-feedback {

margin-top: 8px;

color: #15803d;

font-size: 11px;

font-weight: 650;

}

#abow-it-master-plan-root .abow-revision-access {

display: none;

margin-top: 10px;

}

#abow-it-master-plan-root .abow-revision-access.open {

display: block;

}

#abow-it-master-plan-root .abow-revision-access-card {

padding: 14px;

border-radius: 18px;

background: radial-gradient(circle at 92% 0%, rgba(59,130,246,.12), transparent 38%), linear-gradient(135deg, #141959, #22338f);

color: #fff;

border: 1px solid rgba(255,255,255,.14);

box-shadow: 0 18px 44px rgba(20,25,89,.16);

}

#abow-it-master-plan-root .abow-revision-access-card strong {

display: block;

font-size: 13px;

font-weight: 750;

margin-bottom: 4px;

}

#abow-it-master-plan-root .abow-revision-access-card p {

margin: 0 0 10px;

font-size: 11px;

line-height: 1.5;

color: rgba(255,255,255,.78);

}

#abow-it-master-plan-root .abow-revision-access-row {

display: flex;

gap: 8px;

flex-wrap: wrap;

}

#abow-it-master-plan-root .abow-revision-access-row input {

flex: 1 1 180px;

min-height: 36px;

border: 1px solid rgba(255,255,255,.20);

border-radius: 999px;

background: rgba(255,255,255,.10);

color: #fff;

font-family: inherit;

font-size: 12px;

font-weight: 600;

outline: none;

padding: 0 13px;

}

#abow-it-master-plan-root .abow-revision-access-row input::placeholder {

color: rgba(255,255,255,.58);

}

#abow-it-master-plan-root .abow-revision-access-card .abow-revision-submit {

background: #fff;

color: var(--navy);

}

#abow-it-master-plan-root .abow-revision-access-card .abow-revision-feedback {

color: #fff;

}

#abow-it-master-plan-root .abow-revision-empty {

margin-top: 10px;

padding: 10px 12px;

border-radius: 14px;

background: #fff;

border: 1px dashed rgba(20,25,89,.14);

color: var(--muted);

font-size: 11px;

font-weight: 600;

}

#abow-it-master-plan-root .abow-revision-public-list {

display: grid;

gap: 8px;

margin-top: 10px;

}

#abow-it-master-plan-root .abow-revision-public-item {

padding: 11px;

border-radius: 16px;

background: #fff;

border: 1px solid rgba(20,25,89,.08);

}

#abow-it-master-plan-root .abow-revision-public-top {

display: flex;

align-items: center;

justify-content: space-between;

gap: 8px;

margin-bottom: 7px;

}

#abow-it-master-plan-root .abow-revision-public-top strong {

color: var(--navy);

font-size: 12px;

font-weight: 750;

}

#abow-it-master-plan-root .abow-revision-public-item p {

margin: 0 0 7px;

color: var(--dark);

font-size: 12px;

line-height: 1.55;

white-space: pre-wrap;

}

#abow-it-master-plan-root .abow-revision-public-item small {

color: var(--muted);

font-size: 10px;

}

#abow-it-master-plan-root .abow-revision-count.has-revision {

background: #fff7ed;

color: #c2410c;

border-color: rgba(255,138,42,.24);

}

#abow-it-master-plan-root .abow-revision-mini {

display: inline-flex;

align-items: center;

min-height: 30px;

padding: 0 10px;

border-radius: 999px;

background: #f8fafc;

border: 1px solid rgba(20,25,89,.08);

color: #64748b;

font-size: 10.5px;

font-weight: 650;

white-space: nowrap;

}

#abow-it-master-plan-root .abow-revision-mini.has-revision {

background: #fff7ed;

border-color: rgba(255,138,42,.24);

color: #c2410c;

}

#abow-it-master-plan-root .abow-revision-admin-panel {

margin-top: 18px;

padding: 18px;

border-radius: 28px;

background: #fff;

border: 1px solid rgba(20,25,89,.08);

box-shadow: 0 18px 60px rgba(20,25,89,.08);

}

#abow-it-master-plan-root .abow-revision-admin-panel[hidden] {

display: none !important;

}

#abow-it-master-plan-root .abow-revision-admin-head {

display: flex;

align-items: flex-start;

justify-content: space-between;

gap: 14px;

flex-wrap: wrap;

margin-bottom: 14px;

}

#abow-it-master-plan-root .abow-revision-admin-head h3 {

margin: 0;

color: var(--navy);

font-size: 20px;

letter-spacing: -.4px;

}

#abow-it-master-plan-root .abow-revision-admin-head p {

margin: 5px 0 0;

color: var(--muted);

font-size: 12px;

line-height: 1.55;

}

#abow-it-master-plan-root .abow-revision-admin-stats {

display: flex;

gap: 8px;

flex-wrap: wrap;

}

#abow-it-master-plan-root .abow-revision-admin-stats span {

display: inline-flex;

align-items: center;

min-height: 30px;

padding: 0 10px;

border-radius: 999px;

background: #f8fbff;

border: 1px solid rgba(20,25,89,.08);

color: var(--navy);

font-size: 10.5px;

font-weight: 700;

}

#abow-it-master-plan-root .abow-revision-list {

display: grid;

gap: 10px;

}

#abow-it-master-plan-root .abow-revision-item {

padding: 14px;

border-radius: 20px;

background: #f8fbff;

border: 1px solid rgba(20,25,89,.08);

}


#abow-it-master-plan-root .abow-revision-item.is-history-month {

background: #fbfdff;

border-color: rgba(100,116,139,.14);

}

#abow-it-master-plan-root .abow-revision-item.is-active-month {

border-color: rgba(59,130,246,.22);

}

#abow-it-master-plan-root .abow-revision-item-top {

display: flex;

align-items: flex-start;

justify-content: space-between;

gap: 12px;

flex-wrap: wrap;

margin-bottom: 9px;

}

#abow-it-master-plan-root .abow-revision-item h4 {

margin: 0;

color: var(--navy);

font-size: 13px;

line-height: 1.45;

}

#abow-it-master-plan-root .abow-revision-item small {

display: block;

margin-top: 4px;

color: var(--muted);

font-size: 10.5px;

font-weight: 500;

}

#abow-it-master-plan-root .abow-revision-message {

margin: 0 0 12px;

padding: 12px;

border-radius: 14px;

background: #fff;

border: 1px solid rgba(20,25,89,.07);

color: var(--dark);

font-size: 12px;

line-height: 1.65;

white-space: pre-wrap;

}

#abow-it-master-plan-root .abow-revision-status {

display: inline-flex;

align-items: center;

min-height: 28px;

padding: 0 10px;

border-radius: 999px;

font-size: 10px;

font-weight: 750;

white-space: nowrap;

}

#abow-it-master-plan-root .abow-revision-status.pending { background:#fff7ed; color:#c2410c; border:1px solid rgba(255,138,42,.22); }
#abow-it-master-plan-root .abow-revision-status.in_progress { background:#eff6ff; color:#1d4ed8; border:1px solid rgba(59,130,246,.22); }
#abow-it-master-plan-root .abow-revision-status.completed { background:#ecfdf5; color:#15803d; border:1px solid rgba(22,163,74,.22); }

#abow-it-master-plan-root .abow-revision-actions {

display: flex;

gap: 8px;

flex-wrap: wrap;

}

#abow-it-master-plan-root .abow-revision-action {

min-height: 32px;

padding: 0 10px;

background: #fff;

color: var(--navy);

border: 1px solid rgba(20,25,89,.10);

font-size: 10.5px;

}

#abow-it-master-plan-root .abow-revision-action.is-blue { background:var(--blue); color:#fff; border-color:rgba(59,130,246,.20); }
#abow-it-master-plan-root .abow-revision-action.is-green { background:var(--green); color:#fff; border-color:rgba(22,163,74,.20); }
#abow-it-master-plan-root .abow-revision-action.is-red { background:#fee2e2; color:#b91c1c; border-color:rgba(185,28,28,.12); }

 

#abow-it-master-plan-root .abow-modal-overlay {

position: fixed;

inset: 0;

z-index: 2147483647;

display: none;

align-items: flex-start;

justify-content: center;

padding: calc(var(--abow-wp-sticky-offset, 0px) + 18px) 24px 24px;

background: rgba(4,8,28,.72);

backdrop-filter: blur(10px);

overflow: hidden;

overscroll-behavior: contain;

}

 

#abow-it-master-plan-root .abow-modal-overlay.open { display:flex; }

#abow-it-master-plan-root .abow-modal-card { width:min(980px,100%); height:auto; max-height:calc(100vh - var(--abow-wp-sticky-offset, 0px) - 36px); overflow:hidden; overscroll-behavior:contain; border-radius:30px; background:#fff; box-shadow:0 34px 100px rgba(0,0,0,.38); border:1px solid rgba(255,255,255,.18); display:flex; flex-direction:column; -webkit-overflow-scrolling:touch; }

#abow-it-master-plan-root .abow-modal-head { flex:0 0 auto; padding:24px 26px; color:#fff; background:radial-gradient(circle at 88% 0%,rgba(125,179,255,.22),transparent 34%),linear-gradient(135deg,var(--deep-navy),var(--deep-navy-2)); position:sticky; top:0; z-index:3; }

#abow-it-master-plan-root .abow-modal-title-line { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }

#abow-it-master-plan-root .abow-modal-head h3 { max-width:760px; margin:11px 0 0; color:#fff; font-size:clamp(22px,3vw,34px); line-height:1.2; letter-spacing:-1px; font-weight:650; }

#abow-it-master-plan-root .abow-modal-kicker { display:inline-flex; align-items:center; min-height:28px; padding:0 11px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.16); color:var(--light-muted); font-size:10.5px; font-weight:600; letter-spacing:1px; text-transform:uppercase; }

#abow-it-master-plan-root .abow-modal-close { flex:0 0 auto; width:42px; height:42px; border-radius:999px; color:#fff; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16); font-size:20px; line-height:1; }

#abow-it-master-plan-root .abow-modal-body { flex:1 1 auto; min-height:0; max-height:calc(100vh - var(--abow-wp-sticky-offset, 0px) - 180px); overflow-y:auto; overflow-x:hidden; padding:22px 26px 70px; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y; }

#abow-it-master-plan-root .abow-modal-copy-row { position:sticky; top:-22px; z-index:8; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin:-2px 0 16px; padding:12px; border-radius:18px; background:rgba(248,251,255,.96); border:1px solid rgba(20,25,89,.08); backdrop-filter:blur(10px); }

#abow-it-master-plan-root .abow-modal-copy-row strong { color:var(--navy); font-size:12px; font-weight:650; }

#abow-it-master-plan-root .abow-modal-copy-actions { display:flex; gap:8px; flex-wrap:wrap; }

#abow-it-master-plan-root .abow-modal-info-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:16px; }

#abow-it-master-plan-root .abow-modal-info { padding:13px; border-radius:16px; background:#f8fbff; border:1px solid rgba(20,25,89,.08); }

#abow-it-master-plan-root .abow-modal-info span { display:block; color:var(--blue); font-size:9.5px; font-weight:650; text-transform:uppercase; letter-spacing:1px; margin-bottom:5px; }

#abow-it-master-plan-root .abow-modal-info strong { display:block; color:var(--navy); font-size:12px; line-height:1.4; font-weight:600; }

#abow-it-master-plan-root .abow-modal-objective { margin:0 0 16px; padding:16px; color:var(--muted); background:#fff; border:1px solid rgba(20,25,89,.08); border-radius:18px; font-size:13px; line-height:1.72; }

#abow-it-master-plan-root .abow-modal-objective strong { color:var(--navy); font-weight:650; display:block; margin-bottom:6px; }

#abow-it-master-plan-root .abow-toast { position:fixed; left:50%; bottom:24px; z-index:2147483647; transform:translateX(-50%) translateY(18px); opacity:0; pointer-events:none; min-height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; border-radius:999px; color:#fff; background:var(--navy); box-shadow:0 18px 46px rgba(0,0,0,.28); font-size:12px; font-weight:600; transition:.25s ease; }

#abow-it-master-plan-root .abow-toast.show { opacity:1; transform:translateX(-50%) translateY(0); }

 

@media (max-width: 1120px) {

#abow-it-master-plan-root .abow-month-tabs { grid-template-columns: repeat(2,1fr); }

#abow-it-master-plan-root .abow-calendar-card { overflow-x:auto; }

#abow-it-master-plan-root .abow-calendar-grid { grid-template-columns: repeat(7,minmax(160px,1fr)); }

#abow-it-master-plan-root .abow-month-summary { grid-template-columns: repeat(3,1fr); }

}

 

@media (max-width: 980px) {

#abow-it-master-plan-root .abow-active-summary,

#abow-it-master-plan-root .abow-content-grid { grid-template-columns:1fr; }

}

 

@media (max-width: 760px) {

#abow-it-master-plan-root .abow-master-shell { width:min(100% - 24px,1220px); }

#abow-it-master-plan-root .abow-master-top { padding-top:calc(var(--abow-wp-sticky-offset, 0px) + 64px); }

#abow-it-master-plan-root .abow-master-hero { border-radius:28px; }

#abow-it-master-plan-root .abow-master-title { letter-spacing:-1.3px; }

#abow-it-master-plan-root .abow-month-tabs,

#abow-it-master-plan-root .abow-metrics,

#abow-it-master-plan-root .abow-month-summary,

#abow-it-master-plan-root .abow-info-row,

#abow-it-master-plan-root .abow-modal-info-grid { grid-template-columns:1fr; }

#abow-it-master-plan-root .abow-table-wrap { overflow-x:auto; }

#abow-it-master-plan-root .abow-table { min-width:980px; }

#abow-it-master-plan-root .abow-modal-overlay { padding:calc(var(--abow-wp-sticky-offset, 0px) + 12px) 12px 12px; }

#abow-it-master-plan-root .abow-modal-card { border-radius:24px; max-height:calc(100vh - var(--abow-wp-sticky-offset, 0px) - 24px); }

#abow-it-master-plan-root .abow-modal-body { padding:18px 18px 70px; max-height:calc(100vh - var(--abow-wp-sticky-offset, 0px) - 156px); overflow-y:auto; }

#abow-it-master-plan-root .abow-modal-head { padding:20px; }

}



#abow-it-master-plan-root .abow-master-loading {
  min-height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  text-align: center;
  padding: 48px 24px;
}
#abow-it-master-plan-root .abow-master-loading strong { font-size: 24px; }
#abow-it-master-plan-root .abow-master-loading span { color: rgba(255,255,255,.72); }
#abow-it-master-plan-root .abow-master-loading.is-error { color: #ffe4e6; }