:root{
  --green:#0d6b45;--green-2:#15865b;--green-3:#e8f5ee;--yellow:#f5c84c;--ink:#183028;--muted:#6c7b75;--line:#dfe8e3;--bg:#f4f7f5;--white:#fff;--red:#c54747;--orange:#b96c19;--shadow:0 12px 34px rgba(18,62,45,.08);--radius:20px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:#0b3f2d;color:white;padding:24px 18px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--yellow),#fff0a8);color:#0b5137;font-size:26px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.18)}.brand-mark.small{width:38px;height:38px;font-size:22px;border-radius:12px}.brand strong{font-size:22px;display:block}.brand span{display:block;font-size:12px;opacity:.72;margin-top:2px}.nav-list{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#dbe9e2;text-align:left;padding:13px 14px;border-radius:13px;font-weight:700;display:flex;gap:12px;align-items:center}.nav-item span{font-size:20px;width:22px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.12);color:white}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.13);padding:18px 10px 4px}.mini-status{font-weight:700;font-size:13px}.sidebar-footer small{display:block;opacity:.65;margin-top:7px;line-height:1.5}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:7px}.status-dot.success{background:#44d38d;box-shadow:0 0 0 4px rgba(68,211,141,.13)}.main-content{margin-left:264px;padding:0 28px 80px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:rgba(244,247,245,.88);backdrop-filter:blur(12px);z-index:25}.topbar h1{margin:0;font-size:25px}.topbar p{margin:4px 0 0;color:var(--muted);font-size:13px}.topbar-actions{display:flex;align-items:center;gap:10px}.profile-chip{border:1px solid var(--line);background:white;border-radius:16px;padding:7px 12px 7px 8px;display:flex;align-items:center;gap:9px;box-shadow:0 5px 18px rgba(0,0,0,.04)}.avatar{width:34px;height:34px;border-radius:11px;background:var(--green-3);color:var(--green);display:grid;place-items:center;font-weight:800}.profile-copy{display:grid;text-align:left}.profile-copy b{font-size:13px}.profile-copy small{color:var(--muted)}.view{display:none}.view.active{display:block}.hero-card{background:linear-gradient(120deg,#0d6b45,#0a4b35);color:white;border-radius:26px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.06);right:-80px;top:-90px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--green-2)}.hero-card .eyebrow{color:#ffe48b}.hero-card h2{font-size:31px;margin:7px 0 8px}.hero-card p{max-width:650px;color:#d8ece4;line-height:1.65;margin:0}.hero-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.primary-btn,.secondary-btn,.ghost-btn,.danger-btn,.text-btn,.icon-btn{border:0;border-radius:11px;font-weight:800}.primary-btn{background:var(--green);color:white;padding:11px 16px}.primary-btn:hover{background:#09583a}.hero-card .primary-btn{background:var(--yellow);color:#173d2e}.secondary-btn{background:white;color:var(--green);border:1px solid var(--line);padding:10px 14px}.ghost-btn{background:rgba(255,255,255,.12);color:white;border:1px solid rgba(255,255,255,.2);padding:10px 14px}.danger-btn{background:#fff0f0;color:var(--red);padding:10px 14px;border:1px solid #f4cccc}.text-btn{background:transparent;color:var(--green);padding:6px 4px}.icon-btn{width:38px;height:38px;background:white;border:1px solid var(--line);color:var(--ink)}.growth-ring{position:relative;z-index:2;display:grid;place-items:center;min-width:150px}.ring{width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--yellow) 0%,rgba(255,255,255,.16) 0);border:8px solid rgba(255,255,255,.1);font-size:34px;font-weight:900;box-shadow:inset 0 0 0 8px #0c5b3e}.ring small{font-size:13px;margin-top:13px}.growth-ring b{font-size:13px;margin-top:10px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.kpi-card{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:0 6px 18px rgba(18,62,45,.04)}.kpi-icon{width:44px;height:44px;border-radius:14px;background:var(--green-3);display:grid;place-items:center;font-size:21px}.kpi-card small{display:block;color:var(--muted);font-weight:700}.kpi-card strong{font-size:26px;display:block;margin:3px 0}.kpi-card p{margin:0;color:var(--muted);font-size:12px}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 6px 24px rgba(18,62,45,.04)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.panel-head h3{margin:3px 0 0;font-size:18px}.panel-actions{display:flex;gap:8px}.task-list{display:grid;gap:10px}.task-item{border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.task-icon{width:34px;height:34px;border-radius:10px;background:var(--green-3);display:grid;place-items:center}.task-item b{display:block;font-size:14px}.task-item small{color:var(--muted);display:block;margin-top:3px}.priority{font-size:10px;font-weight:900;padding:5px 8px;border-radius:999px}.priority.high{background:#ffe9e9;color:#b23838}.priority.medium{background:#fff3d4;color:#95600b}.priority.low{background:#e9f6ef;color:#16704a}.bar-list{display:grid;gap:12px}.bar-row{display:grid;grid-template-columns:minmax(145px,1fr) 2fr 40px;gap:10px;align-items:center;font-size:13px}.bar-row span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{height:8px;background:#edf2ef;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--yellow));border-radius:999px}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--line)}.timeline-item:last-child{border-bottom:0}.timeline-date{background:var(--green-3);border-radius:11px;text-align:center;padding:7px 4px;color:var(--green);font-weight:900}.timeline-item b{display:block;font-size:14px}.timeline-item small{color:var(--muted)}.tag{font-size:10px;border-radius:999px;padding:5px 8px;background:#f0f3f1;color:var(--muted);font-weight:800}.integration-list,.integration-cards{display:grid;gap:11px}.integration-row,.integration-card{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:13px}.integration-row div,.integration-card div{display:grid}.integration-row small,.integration-card small{color:var(--muted);margin-top:3px}.status-badge{font-size:11px;font-weight:900;border-radius:999px;padding:6px 9px}.status-badge.manual{background:#fff3d4;color:#90620f}.status-badge.ready{background:#e6f7ee;color:#0e6d45}.status-badge.pending{background:#eef2f8;color:#52647d}.section-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 18px}.section-intro h2{margin:5px 0 6px;font-size:28px}.section-intro p{margin:0;color:var(--muted);line-height:1.55}.score-pill{width:120px;height:120px;border-radius:50%;background:white;border:8px solid var(--green-3);display:grid;place-items:center;text-align:center;box-shadow:var(--shadow)}.score-pill span{font-size:30px;font-weight:900;color:var(--green)}.score-pill small{font-size:10px;color:var(--muted);margin-top:-25px}.notice-card{border-radius:15px;padding:14px 16px;margin-bottom:18px;line-height:1.55}.notice-card.warning{background:#fff8e7;border:1px solid #f1d998;color:#715117}.form-panel{margin-bottom:18px}.hidden{display:none!important}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-grid .full{grid-column:1/-1}.stack-form{display:grid;gap:13px}.form-grid label,.stack-form label{display:grid;gap:6px;font-size:12px;color:var(--muted);font-weight:800}.form-grid input,.form-grid select,.form-grid textarea,.stack-form input,.stack-form select,.stack-form textarea,.inline-form input,.inline-form select,textarea#generatedCaption,.generated-box textarea,.assistant-input input{width:100%;border:1px solid var(--line);border-radius:11px;background:#fbfdfc;padding:11px 12px;color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.stack-form input:focus,.stack-form select:focus,.stack-form textarea:focus,.inline-form input:focus,.inline-form select:focus,textarea:focus{border-color:#69a88c;box-shadow:0 0 0 3px rgba(13,107,69,.08)}.form-actions{display:flex;gap:10px}.alert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.alert-card{background:white;border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:15px;padding:15px}.alert-card b{display:block}.alert-card p{color:var(--muted);font-size:13px;line-height:1.5;margin:6px 0}.alert-card small{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{padding:13px 11px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.delta-up{color:#108151;font-weight:900}.delta-down{color:#c54747;font-weight:900}.table-actions{display:flex;gap:6px}.mini-btn{border:1px solid var(--line);background:white;border-radius:8px;padding:6px 8px;font-size:11px;font-weight:800;color:var(--green)}.mini-btn.danger{color:var(--red)}.external-links{display:flex;gap:5px}.external-links a{text-decoration:none;border:1px solid var(--line);border-radius:7px;padding:5px 7px;font-size:11px;color:var(--green);font-weight:800}.checklist{display:grid;gap:9px}.check-item{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid var(--line);border-radius:12px}.check-item input{margin-top:3px;accent-color:var(--green)}.check-item b{font-size:13px;display:block}.check-item small{display:block;color:var(--muted);margin-top:3px}.recommendation-list{display:grid;gap:10px}.recommendation{padding:12px;border-radius:12px;background:#f7faf8;border-left:3px solid var(--green)}.recommendation b{font-size:13px}.recommendation p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.inline-form{display:grid;grid-template-columns:2fr .8fr .8fr 1fr auto;gap:8px;padding:12px;background:#f7faf8;border-radius:13px;margin-bottom:14px}.progress-cell{min-width:120px}.progress-track{height:7px;background:#edf2ef;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--green)}.social-grid{grid-template-columns:.75fr 1.25fr}.output-panel textarea{resize:vertical;min-height:240px;line-height:1.6}.caption-tools{display:flex;align-items:center;gap:13px;margin-top:8px;color:var(--muted);font-size:12px}.caption-tools span{margin-right:auto}.schedule-box{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-top:14px}.schedule-box input{border:1px solid var(--line);border-radius:10px;padding:10px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.post-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fbfdfc}.post-card .post-top{display:flex;justify-content:space-between;gap:10px}.post-card p{font-size:13px;line-height:1.55;color:#40564d;max-height:103px;overflow:hidden}.post-card footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.generated-box{display:grid;gap:10px;margin-top:14px}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important}.check-row input{width:auto!important;accent-color:var(--green)}.small-kpis{grid-template-columns:repeat(5,1fr)}.small-kpis .kpi-card{padding:14px}.small-kpis .kpi-card strong{font-size:22px}.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.file-btn{display:inline-flex;align-items:center;cursor:pointer}.file-btn input{display:none}.muted{color:var(--muted);line-height:1.55}.aisha-fab{position:fixed;right:24px;bottom:24px;width:58px;height:58px;border-radius:19px;border:0;background:linear-gradient(135deg,var(--yellow),#ffe78d);color:var(--green);font-size:28px;font-weight:900;box-shadow:0 14px 34px rgba(13,107,69,.25);z-index:60}.assistant-drawer{position:fixed;right:20px;bottom:94px;width:min(390px,calc(100vw - 24px));height:560px;max-height:calc(100vh - 120px);background:white;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px rgba(13,55,39,.24);z-index:70;display:none;grid-template-rows:auto 1fr auto;overflow:hidden}.assistant-drawer.open{display:grid}.assistant-head{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--line)}.assistant-head div:nth-child(2){display:grid}.assistant-head small{color:var(--muted)}.assistant-head .icon-btn{margin-left:auto}.assistant-messages{padding:16px;overflow:auto;background:#f7faf8;display:flex;flex-direction:column;gap:10px}.message{max-width:84%;padding:11px 13px;border-radius:14px;line-height:1.5;font-size:13px;white-space:pre-wrap}.message.bot{align-self:flex-start;background:white;border:1px solid var(--line)}.message.user{align-self:flex-end;background:var(--green);color:white}.assistant-input{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid var(--line)}.assistant-input button{width:42px;border:0;border-radius:11px;background:var(--green);color:white}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,120px);background:#173c2f;color:white;padding:12px 17px;border-radius:12px;z-index:100;transition:.25s;box-shadow:var(--shadow);font-weight:700;font-size:13px}.toast.show{transform:translate(-50%,0)}.overlay{display:none}.mobile-only,.mobile-nav{display:none}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.alert-grid,.post-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.small-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){body{padding-bottom:72px}.sidebar{transform:translateX(-105%);transition:.25s;width:282px}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0;padding:0 14px 92px}.topbar{height:74px}.topbar h1{font-size:20px}.profile-copy{display:none}.profile-chip{padding:6px}.mobile-only{display:inline-grid}.topbar .mobile-only{place-items:center}.hero-card{padding:22px;align-items:flex-start}.hero-card h2{font-size:25px}.growth-ring{min-width:110px}.ring{width:90px;height:90px;font-size:28px}.two-col-grid,.social-grid{grid-template-columns:1fr}.section-intro{align-items:flex-start}.section-intro h2{font-size:24px}.score-pill{width:92px;height:92px;border-width:6px}.score-pill span{font-size:24px}.form-grid{grid-template-columns:1fr}.alert-grid,.post-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr 1fr}.schedule-box{grid-template-columns:1fr 1fr}.schedule-box .primary-btn{grid-column:1/-1}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:68px;background:white;border-top:1px solid var(--line);z-index:55;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:transparent;display:grid;place-items:center;color:var(--muted);font-size:19px;padding:7px}.mobile-nav button.active{color:var(--green)}.mobile-nav small{font-size:9px}.aisha-fab{right:15px;bottom:82px;width:52px;height:52px;border-radius:17px}.assistant-drawer{right:12px;bottom:145px}.overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:35}.small-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.topbar-actions .secondary-btn{display:none}.hero-card{display:block}.growth-ring{display:none}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{padding:13px;align-items:flex-start}.kpi-icon{width:35px;height:35px;font-size:17px}.kpi-card strong{font-size:22px}.panel{padding:15px}.section-intro{display:block}.section-intro>.primary-btn{margin-top:13px}.score-pill{display:none}.inline-form{grid-template-columns:1fr}.schedule-box{grid-template-columns:1fr}.small-kpis{grid-template-columns:1fr 1fr}.profile-chip{display:none}.topbar{justify-content:flex-start}.topbar-actions{margin-left:auto}.caption-tools{flex-wrap:wrap}.caption-tools span{width:100%}.assistant-drawer{height:500px}.bar-row{grid-template-columns:1.5fr 2fr 35px}.backup-actions>*{width:100%;justify-content:center}}