.aoc-btn.whatsapp {
  background: #25d366;
  color: #073b1f;
}
.aoc-btn.danger { background: #b91c1c; }
.aoc-ledger-summary { margin-top: 20px; }
.aoc-hero-actions .hero-package { background: #06b6d4; color: #042f3e; }
.aoc-hero-actions .hero-user { background: #fff; color: #082f49; }
.aoc-hero-actions .hero-admin { background: #f59e0b; color: #251500; }
.aoc-hero-actions .hero-manager { background: #22c55e; color: #052e16; }
.aoc-hero-actions .aoc-btn:hover { transform: translateY(-2px); }
.aoc-saudi-visual { align-items:center; display:flex; flex-direction:column; justify-content:center; min-height:430px; position:relative; text-align:center; }
.aoc-saudi-visual h2 { color:#fff; font-size:24px; margin:0 0 4px; }
.aoc-saudi-visual>p { color:#bae6fd; font-size:13px; margin:0 0 2px; }
.aoc-city-map { filter:drop-shadow(0 26px 32px rgba(0,15,30,.25)); height:auto; max-height:455px; overflow:visible; width:min(580px,100%); }
.aoc-country-shape { fill:url(#aoc-map-gradient); stroke:rgba(255,255,255,.8); stroke-linejoin:round; stroke-width:6; }
.aoc-city { cursor:pointer; outline:none; text-decoration:none; }
.aoc-city circle { fill:#fbbf24; stroke:#fff; stroke-width:3; transform-box:fill-box; transform-origin:center; transition:filter .2s,fill .2s,transform .2s; }
.aoc-city text { fill:#fff; font-family:Arial,sans-serif; font-size:13px; font-weight:800; paint-order:stroke; pointer-events:none; stroke:#064e3b; stroke-linejoin:round; stroke-width:4px; transition:fill .2s,filter .2s; }
.aoc-city:hover circle,.aoc-city:focus circle { fill:#fff; filter:drop-shadow(0 0 12px #fde047); transform:scale(1.45); }
.aoc-city:hover text,.aoc-city:focus text { fill:#fef08a; filter:drop-shadow(0 0 7px rgba(255,255,255,.9)); }
@media(max-width:760px){.aoc-saudi-visual{min-height:330px}.aoc-saudi-visual h2{font-size:21px}.aoc-city-map{width:100%}.aoc-city text{font-size:12px}}
.aoc-city-page { margin:55px auto; max-width:860px; text-align:center; }
.aoc-city-page .aoc-city-icon { background:#ecfeff; border-radius:50%; height:96px; margin:0 auto 18px; padding:16px; width:96px; }
.aoc-city-page h1 { color:#082f49; font-size:clamp(34px,6vw,58px); margin:8px 0 12px; }
.aoc-city-page p { color:#64748b; font-size:18px; line-height:1.7; }
.aoc-city-page .aoc-hero-actions { justify-content:center; }
.home .aoc-hero { min-height:520px; padding-bottom:38px; padding-top:38px; }
.home .aoc-saudi-visual { min-height:0; }
.home .aoc-city-map { max-height:430px; }
.aoc-region-map { filter:drop-shadow(0 20px 25px rgba(0,15,30,.28)); }
.aoc-region-image { pointer-events:none; }
.aoc-map-area { cursor:pointer; outline:none; text-decoration:none; }
.aoc-map-area polygon { fill:#22d3ee; fill-opacity:0; stroke:#fff; stroke-opacity:0; stroke-width:3; transition:fill-opacity .2s,filter .2s,stroke-opacity .2s; }
.aoc-map-area text { fill:#fff; font-family:Arial,sans-serif; font-size:15px; font-weight:900; paint-order:stroke; pointer-events:none; stroke:#064e3b; stroke-linejoin:round; stroke-width:5px; transition:fill .2s,filter .2s; }
.aoc-map-area:hover polygon,.aoc-map-area:focus polygon { fill-opacity:.42; filter:drop-shadow(0 0 13px #67e8f9); stroke-opacity:.9; }
.aoc-map-area:hover text,.aoc-map-area:focus text { fill:#fef08a; filter:drop-shadow(0 0 7px rgba(255,255,255,.95)); }
@media(max-width:760px){.home .aoc-hero{padding-bottom:45px;padding-top:42px}.home .aoc-city-map{max-height:390px}.aoc-region-map{width:min(560px,112%)}.aoc-map-area text{font-size:18px}}
.aoc-logout-link{background:transparent!important;border:0;border-radius:0;color:#082f49!important;padding:7px 5px}
.aoc-logout-link:hover{background:transparent!important;color:#16a34a!important}
.aoc-dashboard-session { align-items:center; background:linear-gradient(135deg,#082f49,#075985); border-radius:18px; box-shadow:0 12px 30px rgba(8,47,73,.16); color:#fff; display:flex; gap:18px; justify-content:space-between; margin-bottom:18px; padding:18px 22px; }
.aoc-dashboard-session strong,.aoc-dashboard-session span { display:block; }
.aoc-dashboard-session strong { font-size:21px; }
.aoc-dashboard-session span { color:#bae6fd; margin-top:4px; }
.aoc-session-actions { display:flex; gap:9px; }
@media(max-width:650px){.aoc-dashboard-session{align-items:stretch;display:block}.aoc-session-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.aoc-user-login-link,.aoc-logout-link{display:block!important;white-space:nowrap}}
.aoc-grid-6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 850px) { .aoc-grid-6 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 390px) { .aoc-grid-6 { grid-template-columns: 1fr; } }
.aoc-btn:disabled {
  cursor: wait;
  opacity: .65;
}
.aoc-list-heading {
  align-items: end;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin: 18px 0 8px;
}
.aoc-list-heading b { font-size: 20px; }
.aoc-list-heading small { color: #64748b; }
.aoc-actions {
  align-items: center;
  display: flex;
  gap: 6px;
}
@media (max-width: 620px) {
  .aoc-list-heading { display: block; }
  .aoc-list-heading small { display: block; margin-top: 4px; }
  .aoc-table td[data-label]::before {
    color: #64748b;
    content: attr(data-label) ': ';
    font-weight: 700;
  }
  .aoc-actions {
    display: grid !important;
    gap: 7px;
    grid-template-columns: 1fr 1fr;
  }
  .aoc-actions::before { display: none; }
  .aoc-actions .aoc-btn { width: 100%; }
}
.aoc-inline-manager-form{margin-bottom:18px;padding:18px;border:1px solid #dbeafe;border-radius:14px;background:#f8fafc}
.aoc-logout-icon{display:inline-flex!important;align-items:center;justify-content:center;min-width:38px;padding:7px 5px!important;font-size:25px;line-height:1}
.aoc-calculation-backup{margin:18px 0}
body{min-height:100vh;display:flex;flex-direction:column}
body>.aoc-marketing,body>.aoc-wrap{width:100%;box-sizing:border-box;flex:1 0 auto}
.aoc-main-nav .aoc-dashboard-link{background:linear-gradient(135deg,#0891b2,#16a34a);border-radius:10px;color:#fff!important;padding:10px 15px;box-shadow:0 5px 14px rgba(8,145,178,.22)}
.aoc-main-nav .aoc-dashboard-link:hover{background:linear-gradient(135deg,#0e7490,#15803d);color:#fff!important}
.aoc-dashboard-logout{color:#fff;font-size:27px;line-height:1;text-decoration:none}
.aoc-dashboard-logout:hover{color:#67e8f9}
.aoc-tabs{display:flex!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}.aoc-tabs .aoc-btn{flex:0 0 auto;min-height:48px;padding:11px 15px;white-space:nowrap}
.aoc-backup-actions{display:grid;gap:10px;min-width:min(100%,410px)}
.aoc-mail-ok,.aoc-mail-fail{display:block;font-size:12px;margin-top:8px}.aoc-mail-ok{color:#166534}.aoc-mail-fail{color:#b91c1c}
.aoc-seo-links{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 18px}.aoc-blog-wrap,.aoc-article-wrap{max-width:1120px}.aoc-blog-hero{background:linear-gradient(135deg,#082f49,#075985);border-radius:24px;color:#fff;margin-bottom:24px;padding:clamp(28px,6vw,64px)}.aoc-blog-hero span{color:#67e8f9;font-size:13px;font-weight:900;letter-spacing:.15em}.aoc-blog-hero h1{font-size:clamp(34px,6vw,62px);line-height:1;margin:15px 0}.aoc-blog-hero p{color:#dbeafe;font-size:18px}.aoc-post-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.aoc-post-card,.aoc-article{background:#fff;border:1px solid #dbeafe;border-radius:20px;box-shadow:0 10px 28px rgba(8,47,73,.08);padding:26px}.aoc-post-meta{color:#64748b;font-size:13px;font-weight:700}.aoc-post-card h2{font-size:24px;line-height:1.25}.aoc-post-card h2 a{color:#082f49;text-decoration:none}.aoc-post-card p,.aoc-article-content{color:#334155;line-height:1.75}.aoc-read-more{color:#0891b2;font-weight:900;text-decoration:none}.aoc-article{margin:auto;max-width:820px}.aoc-article>h1{color:#082f49;font-size:clamp(34px,6vw,58px);line-height:1.1}.aoc-article-content h2{color:#082f49;margin-top:30px}.aoc-article-cta{background:#ecfeff;border-radius:16px;margin-top:34px;padding:22px}.aoc-pagination{margin:24px 0;text-align:center}@media(max-width:720px){.aoc-post-grid{grid-template-columns:1fr}.aoc-post-card,.aoc-article{padding:18px}}
.aoc-backup-actions form{display:grid;grid-template-columns:minmax(170px,1fr) auto;gap:8px}
body{padding-bottom:88px}
.aoc-footer{background:#fff;border-top:1px solid #dbeafe;bottom:0;box-shadow:0 -5px 18px rgba(8,47,73,.08);height:88px;left:0;margin:0;padding:10px 18px;position:fixed;right:0;z-index:60}
.aoc-footer-phone{align-items:flex-end;background:linear-gradient(135deg,#ecfeff,#f0fdf4);border:1px solid #a5f3fc;border-radius:14px;color:#082f49;display:flex;flex-direction:column;padding:7px 14px;text-decoration:none;transition:.2s}.aoc-footer-phone span{color:#64748b;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.aoc-footer-phone strong{color:#0e7490;font-size:18px;white-space:nowrap}.aoc-footer-phone:hover{border-color:#22c55e;box-shadow:0 7px 18px rgba(8,145,178,.18);transform:translateY(-2px)}
.aoc-footer-social{align-items:center;display:flex;gap:7px}.aoc-footer-social a{align-items:center;background:#082f49;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:900;height:34px;justify-content:center;text-decoration:none;transition:transform .2s;width:34px}.aoc-footer-social a:hover{filter:none;opacity:1;transform:translateY(-2px)}
.aoc-language{background:#f8fafc;border:1px solid #cbd5e1;border-radius:9px;color:#082f49;font:inherit;font-size:13px;font-weight:800;padding:8px}.rtl .aoc-main-nav{direction:rtl}
.aoc-install,.aoc-offline-status{bottom:calc(102px + env(safe-area-inset-bottom))!important}.aoc-sync-results{bottom:calc(146px + env(safe-area-inset-bottom))!important}
.aoc-whatsapp-icon{align-items:center;background:#25d366;border:0;border-radius:50%;bottom:160px;box-shadow:0 12px 28px rgba(15,23,42,.25);display:flex;height:56px;justify-content:center;position:fixed;right:18px;transition:transform .2s,box-shadow .2s;width:56px;z-index:61}.aoc-whatsapp-icon:hover{box-shadow:0 16px 34px rgba(15,23,42,.32);transform:translateY(-3px) scale(1.04)}.aoc-whatsapp-icon svg{fill:#fff;height:31px;width:31px}
@media(max-width:650px){body{padding-bottom:74px}.aoc-footer{height:74px;padding:7px 10px}.aoc-footer img{height:40px;width:125px}.aoc-footer span{font-size:10px}.aoc-footer-social{gap:4px}.aoc-footer-social a{height:28px;width:28px}.aoc-footer-phone{padding:5px 8px}.aoc-footer-phone strong{font-size:13px}.aoc-backup-actions form{grid-template-columns:1fr}.aoc-main-nav .aoc-dashboard-link,.aoc-main-nav .aoc-logout-link{display:inline-flex!important}.aoc-dashboard-link{padding:9px 11px}.aoc-logout-icon{min-width:30px}.aoc-install,.aoc-offline-status{bottom:calc(86px + env(safe-area-inset-bottom))!important}.aoc-sync-results{bottom:calc(130px + env(safe-area-inset-bottom))!important}}
@media(max-width:650px){.aoc-btn,.aoc-tabs .aoc-btn,button.aoc-btn,a.aoc-btn{font-size:16px!important;font-weight:800;line-height:1.2}.aoc-tabs .aoc-btn{min-height:50px;padding:12px 16px}}
@media(max-width:650px){.aoc-whatsapp-icon{bottom:145px;height:52px;right:12px;width:52px}.aoc-whatsapp-icon svg{height:29px;width:29px}}
.aoc-home-guides{margin:70px auto;max-width:1180px;padding:0 20px}.aoc-home-guides .aoc-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.aoc-guides-all{text-align:center;margin-top:22px}@media(max-width:850px){.aoc-home-guides .aoc-post-grid{grid-template-columns:1fr}}
.aoc-city-profit-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:14px 0 26px}.aoc-city-profit-grid article{background:linear-gradient(135deg,#ecfeff,#f0fdf4);border:1px solid #bae6fd;border-radius:15px;padding:17px}.aoc-city-profit-grid span,.aoc-city-profit-grid strong,.aoc-city-profit-grid small{display:block}.aoc-city-profit-grid span{color:#64748b;font-size:13px;font-weight:800}.aoc-city-profit-grid strong{color:#082f49;font-size:24px;margin:6px 0}.aoc-city-profit-grid small{color:#0e7490}
.aoc-brand{flex:0 0 auto;position:relative;z-index:2}.aoc-brand-logo{opacity:1!important;visibility:visible!important}.aoc-menu-toggle{background:transparent;border:0;cursor:pointer;display:none;margin-left:auto;padding:8px}.aoc-menu-toggle span{background:#082f49;border-radius:4px;display:block;height:3px;margin:5px 0;transition:.2s;width:28px}
.aoc-static-map{display:block;pointer-events:none;user-select:none}
.aoc-footer-social .aoc-social-facebook{background:#1877f2}.aoc-footer-social .aoc-social-tiktok{background:#010101;text-shadow:2px 1px #25f4ee,-2px -1px #fe2c55}.aoc-footer-social .aoc-social-instagram{background:radial-gradient(circle at 30% 110%,#ffd600 0 22%,#ff7a00 32%,#ff0169 55%,#d300c5 72%,#7638fa 100%)}.aoc-footer-social .aoc-social-youtube{background:#f00}.aoc-footer-social .aoc-social-linkedin{background:#0a66c2}.aoc-footer-social .aoc-social-x{background:#000}.aoc-footer-phone{align-items:center;flex-direction:row;gap:8px}.aoc-footer-phone svg{fill:#16a34a;height:25px;width:25px}
@media(max-width:760px){.aoc-header{padding:8px 12px}.aoc-nav{position:relative}.aoc-brand-logo{height:48px;width:165px;max-width:none}.aoc-menu-toggle{display:block}.aoc-main-nav{align-items:stretch;background:#fff;border:1px solid #dbeafe;border-radius:15px;box-shadow:0 16px 35px rgba(8,47,73,.18);display:none;flex-direction:column;gap:2px;left:0;margin:0;padding:10px;position:absolute;right:0;top:58px;z-index:100}.aoc-main-nav.is-open{display:flex}.aoc-main-nav a{border-radius:9px;display:block!important;font-size:15px!important;padding:11px 12px}.aoc-language{font-size:15px;padding:10px;width:100%}.aoc-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.aoc-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.aoc-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.aoc-logout-icon{font-size:28px!important;text-align:center}.aoc-dashboard-link{text-align:center}.aoc-footer{gap:7px;justify-content:space-between}.aoc-footer>img{display:none}.aoc-footer-social{gap:3px}.aoc-footer-social a{font-size:11px;height:27px;width:27px}.aoc-footer-phone{padding:5px 7px}.aoc-footer-phone svg{height:20px;width:20px}.aoc-footer-phone strong{font-size:12px}}