@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";html{background-color:#cdd3da;min-height:100%}body{text-align:right;direction:rtl;background-color:#cdd3da;min-height:100%;margin:0;font-family:Cairo,Segoe UI,Tahoma,sans-serif}#root{background-color:#cdd3da;min-height:100dvh}*{box-sizing:border-box}:root{--bg-page-solid:#cfd6de;--bg-page:linear-gradient(180deg, #c8d0d8 0%, #d8dde3 42%, #c8d0d8 100%);--bg-card:#fff;--bg-card-soft:#f4f5f7;--text-main:#0f172a;--text-subtle:#64748b;--border-main:#c5cdd6;--primary:#1d4ed8;--primary-soft:#dbeafe;--nav-bar-bg:#ffffffd1;--nav-icon-muted:#64748b;--nav-icon-active:#0f3d91;--nav-pill-active:#0f3d911a}body{margin:0}.app-shell{--shell-blur:18px;--shell-frost:#ffffff29;max-width:420px;min-height:100dvh;color:var(--text-main);background:0 0;border:1px solid #b8c2cc;flex-direction:column;margin:0 auto;font-family:Cairo,Segoe UI,Tahoma,sans-serif;transition:color .25s,border-color .25s;display:flex;position:relative}.app-shell:before{content:"";z-index:0;background-color:var(--bg-page-solid);background-image:var(--bg-page);pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.app-shell:after{content:"";z-index:0;pointer-events:none;background:var(--shell-frost);-webkit-backdrop-filter:blur(var(--shell-blur)) saturate(175%);position:absolute;inset:0}.app-shell>.menu-backdrop{z-index:38}.app-shell>header.topbar{z-index:40}.app-shell>.top-notification-strip{z-index:12;position:relative}.app-shell>main.content{z-index:10;position:relative}.app-shell>nav.bottom-nav{z-index:40}.app-shell>.app-menu-panel{z-index:45}.app-shell>.floating-alert{z-index:55}.app-shell>.toast-banner{z-index:60}.topbar{color:#fff;z-index:40;will-change:transform;background:linear-gradient(135deg,#0f3d91,#0a6c9f);border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:transform .22s,opacity .18s,box-shadow .22s;display:flex;position:sticky;top:0;box-shadow:0 6px 18px #0f3d9133}.app-shell.chrome-hidden>header.topbar{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 12px))}.app-shell.chrome-menu-open>header.topbar{opacity:1;pointer-events:auto;transform:none}.modern-topbar .status{align-items:center;gap:10px;display:flex}.modern-topbar .status small{opacity:.85;margin-top:1px;font-size:11px;display:block}.user-chip{min-width:0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:#ffffff1f;border:0;border-radius:12px;flex:1;align-items:center;gap:10px;margin:0;padding:4px 8px 4px 4px;transition:background-color .18s;display:flex}.user-chip:hover,.user-chip:focus-visible{background:#fff3;outline:none}.user-chip:focus-visible{box-shadow:0 0 0 2px #ffffff73}.user-chip-text{min-width:0}.user-chip-text strong{font-size:14px;display:block}.user-chip-text small{opacity:.85;margin-top:1px;font-size:11px;display:block}.user-menu-status-block{background:var(--bg-card-soft);border:1px solid var(--border-main);border-radius:12px;margin:-4px -4px 6px;padding:10px 10px 12px}.menu-status-badge{font-size:11px}.user-menu-status-text{color:var(--text-subtle);margin:8px 0 0;font-size:12px;line-height:1.45}.topbar-notify-btn{cursor:pointer;background:#ffffff2e;border:0;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;margin:0;padding:0;transition:background-color .18s;display:grid;position:relative}.topbar-notify-btn:hover,.topbar-notify-btn:focus-visible{background:#ffffff47;outline:none}.topbar-notify-btn:focus-visible{box-shadow:0 0 0 2px #ffffff73}.topbar-notify-btn .topbar-notify-icon{color:#0f3d91;background:#fffffff2;border-color:#ffffff8c;width:30px;height:30px}.topbar-notify-count{top:4px;color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-style:normal;font-weight:800;line-height:1;display:grid;position:absolute;inset-inline-end:4px}.user-menu-dropdown{inset-inline:10px auto;background:var(--bg-card);border:1px solid var(--border-main);z-index:50;border-radius:14px;min-width:min(280px,100vw - 32px);padding:8px;position:absolute;top:calc(100% + 6px);box-shadow:0 14px 36px #0f3d912e}.menu-row{width:100%;color:var(--text-main);cursor:pointer;text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;margin:0;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .15s;display:flex}.menu-row:hover,.menu-row:focus-visible{background:var(--primary-soft);outline:none}.menu-row-danger{color:#b91c1c}.menu-row-danger:hover,.menu-row-danger:focus-visible{background:#fee2e2}.menu-row-icon{background:var(--bg-card-soft);width:28px;height:28px;color:var(--primary);border:1px solid var(--border-main);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.menu-row-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px;width:15px;height:15px}.menu-row-danger .menu-row-icon{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.menu-backdrop{-webkit-backdrop-filter:blur(12px)saturate(160%);cursor:default;background:#0f172a47;border:0;margin:0;padding:0;position:fixed;inset:0}.app-menu-panel{inset-inline:12px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:45;background:var(--bg-card);border:1px solid var(--border-main);border-radius:18px;max-width:396px;max-height:min(72vh,520px);margin-inline:auto;padding:14px;position:fixed;overflow:auto;box-shadow:0 -8px 40px #0f3d9133}.app-menu-section+.app-menu-section{border-top:1px solid var(--border-main);margin-top:14px;padding-top:12px}.app-menu-heading{letter-spacing:0;color:var(--text-subtle);text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.app-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.app-menu-tile{border:1px solid var(--border-main);background:var(--bg-card-soft);color:var(--text-main);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .15s,border-color .15s,background-color .15s;display:flex}.app-menu-tile:hover,.app-menu-tile:focus-visible{border-color:#93c5fd;outline:none;transform:translateY(-1px)}.app-menu-tile.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.app-menu-tile .icon-svg{width:28px;height:28px}.app-menu-tile .icon-svg svg{width:16px;height:16px}.app-menu-actions{gap:6px;display:grid}.app-menu-action-row{border:1px solid var(--border-main);background:var(--bg-card-soft);width:100%;color:var(--text-main);cursor:pointer;text-align:start;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s;display:flex}.app-menu-action-row:hover,.app-menu-action-row:focus-visible{background:var(--primary-soft);border-color:#93c5fd;outline:none}.app-menu-action-row.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.app-menu-community-row{justify-content:space-between;align-items:center;gap:12px}.community-row-text{text-align:start;gap:2px;min-width:0;display:grid}.community-row-title{font-weight:700}.community-row-hint{color:var(--text-subtle);font-size:11px;font-weight:600}.community-soon-pill{background:var(--primary-soft);color:var(--primary);border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:10px;font-weight:800}.app-menu-action-row .action-icon{flex-shrink:0;width:32px;height:32px}.help-icon{color:#0d9488;background:#ecfdf5;border-color:#99f6e4}.app-shell.dark .help-icon{color:#5eead4;background:#134e4a;border-color:#2dd4bf}.app-shell.dark .user-menu-dropdown{box-shadow:0 14px 36px #00000073}.app-shell.dark .menu-row-danger:hover,.app-shell.dark .menu-row-danger:focus-visible{background:#450a0a}.avatar{background:#fff3;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.badge{border-radius:999px;flex-shrink:0;padding:4px 9px;font-size:11px;font-weight:600}.status-active{background:#16a34a}.status-pending_profile{color:#1e293b;background:#eab308}.status-pending_verification{color:#fff;background:#fb923c}.content{gap:12px;padding:10px 12px 14px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-main);border-radius:16px;padding:14px;transition:transform .18s,box-shadow .18s,border-color .25s,background-color .25s;box-shadow:0 4px 14px #1b47960f}.card:active{transform:scale(.998)}.card h2{letter-spacing:0;margin:0 0 10px;font-size:26px}.section-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-heading span{color:var(--text-subtle);font-size:12px}.section-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.link-btn{background:var(--primary-soft);color:var(--primary);cursor:pointer;border:0;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700}.link-btn:disabled{opacity:.58;cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-card{color:#f8fafc;isolation:isolate;background:radial-gradient(90% 120% at 100% -10%,#38bdf873,#0000),radial-gradient(80% 100% at 0 100%,#2563eb59,#0000),linear-gradient(128deg,#0c2f7a 0%,#134e94 42%,#0c7c8f 98%);border:1px solid #ffffff1f;border-radius:22px;padding:20px;position:relative;overflow:hidden;box-shadow:0 18px 44px #081e5059,inset 0 0 0 1px #ffffff0f}.hero-shell{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-glow{filter:blur(60px);opacity:.55;border-radius:50%;position:absolute}.hero-glow-1{top:-60px;background:#38bdf880;width:240px;height:240px;inset-inline-start:-50px}.hero-glow-2{bottom:-80px;background:#3b82f673;width:200px;height:200px;inset-inline-end:-40px}.hero-body{z-index:1;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid;position:relative}.hero-main{min-width:0}.hero-brand-en{letter-spacing:0;text-transform:uppercase;opacity:.86;margin:0 0 4px;font-size:11px;font-weight:700}.hero-headline{letter-spacing:0;text-wrap:balance;margin:0 0 8px;font-size:26px;font-weight:800;line-height:1.22}.hero-sub{color:#f1f5f9e0;max-width:34ch;margin:0;font-size:13px;font-weight:600;line-height:1.55}.hero-aside{text-align:center;flex-direction:column;align-items:stretch;gap:10px;max-width:140px;display:flex}.hero-points{-webkit-backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:16px;padding:12px 10px;box-shadow:0 6px 20px #0000001f}.hero-points-value{letter-spacing:0;font-variant-numeric:tabular-nums lining-nums;font-size:30px;font-weight:800;line-height:1;display:block}.hero-points-caption{color:#e2e8f0e6;margin-top:8px;font-size:11px;font-weight:700;line-height:1.35;display:block}.hero-alert-btn{cursor:pointer;color:#fff;background:linear-gradient(#ff6b75 0%,#e11d48 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:6px;margin:0;padding:9px 10px;font-family:inherit;font-size:11px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff40,0 8px 20px #e11d4873}.hero-alert-btn:hover,.hero-alert-btn:focus-visible{filter:brightness(1.05)}.hero-alert-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #0c2f7a,0 0 0 4px #ffffff80,0 8px 20px #e11d4873}.hero-alert-dot{background:#fef2f2f2;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #fff3}.hero-alert-desc{color:#f8fafcc7;margin:-2px 0 0;font-size:10px;line-height:1.4}.hero-footer{z-index:1;border-top:1px solid #f8fafc2e;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding-top:14px;display:flex;position:relative}.hero-news-pill{text-align:start;cursor:pointer;min-width:0;color:inherit;background:#0f172a33;border:1px solid #ffffff38;border-radius:14px;flex:1;grid-template-columns:1fr auto;gap:2px 8px;margin:0;padding:10px 12px;font-family:inherit;font-weight:600;display:grid}.hero-news-pill:hover,.hero-news-pill:focus-visible{background:#0f172a52}.hero-news-pill:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffff80}.hero-news-meta{letter-spacing:0;text-transform:uppercase;opacity:.8;grid-column:1/-1;font-size:10px;font-weight:800}.hero-news-title{grid-column:1/2;font-size:13px;font-weight:700;line-height:1.35}.hero-news-arrow{opacity:.88;grid-column:2/3;align-self:center}.hero-profile-chip{cursor:pointer;color:#0c2f7a;background:#f8fafc;border:1px solid #ffffffbf;border-radius:999px;flex-shrink:0;padding:9px 14px;font-family:inherit;font-size:11px;font-weight:800}.hero-profile-chip:hover,.hero-profile-chip:focus-visible{filter:brightness(1.04)}.hero-profile-chip:focus-visible{outline:none;box-shadow:0 0 0 2px #0c2f7a73}@media (width<=360px){.hero-body{grid-template-columns:minmax(0,1fr)}.hero-aside{flex-flow:wrap;justify-content:space-between;align-items:flex-start;max-width:none}.hero-points{text-align:start;flex:1;min-width:120px}.hero-alert-desc{flex-basis:100%;width:100%}}.profile-complete-card .profile-form-lead{color:var(--text-subtle);margin:0 0 14px;font-size:13px;line-height:1.55}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-bottom:8px;display:grid}.profile-form-grid .profile-form-row-span{grid-column:1/-1}.profile-readonly-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.profile-readonly-grid span{border:1px solid var(--border-main);background:var(--bg-card-soft);overflow-wrap:anywhere;border-radius:8px;padding:10px 12px}.account-phone-change{border-top:1px solid #94a3b847;margin-top:16px;padding-top:16px}.profile-edit-grid{margin-top:12px}.profile-form-actions{margin-top:4px}.profile-file-meta{color:var(--primary);word-break:break-all;margin-top:6px;font-size:11px;display:block}@media (width<=440px){.profile-form-grid,.profile-readonly-grid{grid-template-columns:1fr}}.profile-wait-card{border-left:none}.profile-wait-card p{color:var(--text-subtle);margin:0;font-size:13px;line-height:1.55}.danger{color:#fff;cursor:pointer;z-index:2;background:#ff4d4f;border:0;border-radius:12px;padding:9px 12px;font-weight:600}.profile-nudge-card{background:linear-gradient(125deg,#eff6ff 0%,#f8fafc 55%,#ecfeff 100%);border:1px solid #3b82f659;padding:0;overflow:hidden;box-shadow:0 8px 28px #0f3d911a,inset 0 0 0 1px #ffffffa6}.profile-nudge-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.profile-nudge-copy h2{color:var(--text-main);margin:0 0 6px;font-size:17px}.profile-nudge-copy p{color:var(--text-subtle);max-width:46ch;margin:0;font-size:13px;line-height:1.55}.profile-nudge-cta{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0f3d91,#0d8da6);border:0;border-radius:12px;flex-shrink:0;margin:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:800;box-shadow:0 6px 18px #0f3d9147}.profile-nudge-cta:hover,.profile-nudge-cta:focus-visible{filter:brightness(1.06)}.profile-nudge-cta:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #0f3d9173,0 6px 18px #0f3d9147}.profile-status-callout{background:var(--primary-soft);border:1px solid #3b82f640;border-radius:14px;margin-top:12px;padding:12px 14px}.profile-status-callout strong{color:var(--text-main);margin-bottom:6px;font-size:13px;display:block}.profile-status-callout p{color:var(--text-subtle);margin:0;font-size:12px;line-height:1.55}.inline-code{background:#ffffffbf;border:1px solid #94a3b880;border-radius:6px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.quick-actions-card h2{font-size:25px}.quick-actions-surface{background:radial-gradient(120% 80% at 100% 0,#3b82f624 0%,#0000 55%),radial-gradient(90% 70% at 0 100%,#0ea5e91f 0%,#0000 52%),linear-gradient(#f8fafcf2,#f1f5f9e0);border:1px solid #cbd5e1bf;border-radius:18px;padding:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9,0 12px 32px #0f172a0f}.quick-actions-surface:after{content:"";pointer-events:none;background:radial-gradient(#3b82f614,#0000 70%);height:60%;position:absolute;inset:auto -20% -40% -10%}.actions-grid{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid;position:relative}.action-item{cursor:pointer;text-align:center;-webkit-backdrop-filter:blur(10px);min-height:112px;color:var(--text-main);background:#ffffffe0;border:1px solid #e2e8f0f2;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:11px;margin:0;padding:14px 10px;font-family:inherit;transition:transform .2s,box-shadow .22s,border-color .18s;display:flex;position:relative;box-shadow:0 4px 14px #0f172a0d,inset 0 1px #ffffffeb}.action-item:hover{border-color:#94a3b88c;transform:translateY(-2px);box-shadow:0 10px 26px #0f172a17,inset 0 0 0 1px #ffffffd9}.action-item:active{transform:translateY(-.5px)}.action-item:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb59,0 10px 26px #0f172a17}.action-label{letter-spacing:0;font-size:13px;font-weight:800;line-height:1.35}.action-icon{border:none;border-radius:14px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 6px 16px #0f172a1a}.action-item[data-accent=ocean] .action-icon{color:#f0f9ff;background:linear-gradient(145deg,#0ea5e9 0%,#0369a1 100%)}.action-item[data-accent=violet] .action-icon{color:#faf5ff;background:linear-gradient(145deg,#8b5cf6 0%,#6d28d9 100%)}.action-item[data-accent=amber] .action-icon{color:#fffbeb;background:linear-gradient(145deg,#fbbf24 0%,#d97706 100%)}.action-item[data-accent=rose] .action-icon{color:#fff1f2;background:linear-gradient(145deg,#fb7185 0%,#e11d48 100%)}.action-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.05px;width:22px;height:22px}.news{margin:0;padding-inline-start:16px}.news li{margin:8px 0;line-height:1.5}.news-preview-card{background:linear-gradient(#fff,#eef2f7);border:1.5px solid #94a3b8;box-shadow:0 2px #94a3b859}.settings-appearance-card .settings-hint{color:var(--text-subtle);margin:0 0 14px;font-size:13px;line-height:1.55}.theme-segment{background:var(--bg-card-soft);border:1px solid var(--border-main);border-radius:14px;grid-template-columns:1fr 1fr;gap:10px;padding:4px;display:grid}.theme-segment-btn{color:var(--text-main);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:11px;margin:0;padding:12px 10px;font-family:inherit;font-size:14px;font-weight:800;transition:background-color .15s,border-color .15s,color .15s}.theme-segment-btn:hover,.theme-segment-btn:focus-visible{background:var(--primary-soft);outline:none}.theme-segment-btn.active{border-color:var(--primary);color:var(--primary);background:#fff;box-shadow:0 2px 10px #1d4ed81f}.app-shell.dark .theme-segment-btn.active{border-color:var(--primary);color:#e0f2fe;background:#1e3a5f}.complaint-tabs-card{gap:10px}.complaint-tab-switch{background:var(--bg-card-soft);border:1px solid var(--border-main);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px;display:grid}.complaint-tab-btn{min-height:42px;color:var(--text-main);letter-spacing:0;cursor:pointer;direction:rtl;unicode-bidi:plaintext;background:0 0;border:2px solid #0000;border-radius:11px;font-family:inherit;font-size:13px;font-weight:800}.complaint-tab-btn:hover,.complaint-tab-btn:focus-visible{background:var(--primary-soft);outline:none}.complaint-tab-btn.active{border-color:var(--primary);color:var(--primary);background:#fff;box-shadow:0 2px 10px #1d4ed81f}.complaint-stats-strip,.complaint-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.complaint-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}.complaint-stats-strip span,.complaint-summary-grid span{min-width:0;color:var(--text-subtle);text-align:center;background:#f8fbff;border:1px solid #dbe7ff;border-radius:10px;padding:8px 6px;font-size:11px;font-weight:800}.complaint-stats-strip strong,.complaint-summary-grid strong{color:var(--text-main);margin-bottom:2px;font-size:18px;line-height:1.1;display:block}.complaint-page-error{margin-bottom:0}.complaint-empty-state{gap:10px;display:grid}.complaint-empty-state p{color:var(--text-subtle);margin:0;font-size:13px}.complaint-security-banner{color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.complaint-security-banner strong{font-size:13px;font-weight:900}.complaint-security-banner span{color:#be123c;text-align:end}.timeline-card h2{margin:0}.timeline-complaint-title{color:var(--text-subtle);overflow-wrap:anywhere;margin:0 0 12px;font-size:12px;line-height:1.6}.complaint-timeline{justify-content:space-between;align-items:center;gap:2px;display:flex}.timeline-step{justify-items:center;gap:4px;min-width:42px;display:grid}.timeline-step strong{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.timeline-step span{color:#475569;text-align:center;font-size:10px;line-height:1.35}.timeline-step.done strong{color:#166534;background:#dcfce7;border-color:#22c55e}.timeline-step.done span{color:#166534;font-weight:700}.timeline-step.active strong{color:#1d4ed8;background:#dbeafe;border-color:#2563eb}.timeline-step.active span{color:#1d4ed8;font-weight:700}.timeline-line{background:#e2e8f0;border-radius:8px;flex:1;height:3px}.timeline-line.done{background:#22c55e}.timeline-line.active{background:linear-gradient(90deg,#22c55e,#3b82f6)}.timeline-note{color:#334155;background:#f1f5f9;border-radius:10px;margin:12px 0 0;padding:8px 10px;font-size:12px}.complaint-highlight-list{gap:10px;display:grid}.complaint-highlight-card{background:#fff;border:1px solid #dbe7ff;border-radius:12px;gap:10px;padding:10px;display:grid}.complaint-highlight-card.needs-action{background:#fffbeb;border-color:#fbbf24}.complaint-highlight-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.complaint-highlight-head div{gap:2px;min-width:0;display:grid}.complaint-highlight-head strong{overflow-wrap:anywhere;color:var(--text-main);font-size:14px}.complaint-highlight-head span{color:var(--text-subtle);text-align:right;direction:ltr;font-size:11px}.complaint-highlight-head em{color:#0f766e;background:#ecfeff;border:1px solid #99f6e4;border-radius:999px;flex-shrink:0;padding:4px 8px;font-size:11px;font-style:normal;font-weight:800}.complaint-highlight-card .timeline-note{margin-top:0}.notifications-list{gap:10px;display:grid}.notification-sound-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.notification-sound-actions button{color:#1d4ed8;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:6px 9px;font-family:inherit;font-size:11px;font-weight:800}.notification-sound-actions button.urgent{color:#b91c1c;background:#fff1f2;border-color:#fecaca}.notification-sound-status,.notification-push-status{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.notification-push-status{align-items:flex-start;margin-top:8px}.notification-push-status div{gap:3px;display:grid}.notification-push-status small{color:#64748b;font-size:11px;font-weight:700;line-height:1.45}.notification-sound-status.ready,.notification-push-status.registered,.notification-push-status.ready{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.notification-sound-status.blocked,.notification-sound-status.unsupported,.notification-push-status.denied,.notification-push-status.failed,.notification-push-status.unsupported{color:#b91c1c;background:#fff1f2;border-color:#fecaca}.notification-push-status.config_missing,.notification-push-status.service_worker_missing{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.notification-push-status.registering{color:#854d0e;background:#fefce8;border-color:#fef08a}.notification-sound-status button,.notification-push-status button{color:inherit;cursor:pointer;background:#fff;border:1px solid;border-radius:999px;flex-shrink:0;padding:5px 9px;font-family:inherit;font-size:11px;font-weight:900}.notification-push-status button:disabled{opacity:.55;cursor:not-allowed}.notification-item{background:#f9fcff;border:1px solid #dce9ff;border-radius:12px;padding:10px;transition:transform .18s,border-color .2s,background-color .25s}.notification-item:hover{transform:translateY(-1px)}.notification-item.unread{border-inline-start:4px solid #0f3d91}.notification-item.urgent{border-inline-start-color:#ef4444}.notification-item.read{opacity:.82}.notification-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.notification-head h3{margin:0;font-size:15px}.urgent-pill{color:#b91c1c;background:#fee2e2;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.security-pill{color:#fff;background:#111827;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.notification-status-pills{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.notification-state-pill{color:#1d4ed8;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.notification-state-pill.unread{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.notification-state-pill.read{color:#166534;background:#dcfce7;border-color:#bbf7d0}.notification-item p{margin:8px 0;font-size:13px;line-height:1.5}.notification-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-actions button{color:#0f3d91;cursor:pointer;background:#fff;border:1px solid #c9dcff;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:600}.notification-actions button:disabled{opacity:.62;cursor:wait}.notification-actions .ack-btn{color:#fff;background:#ef4444;border-color:#ef4444}.notification-actions .security-pickup-btn{color:#fff;background:#991b1b;border-color:#991b1b}.notification-admin-link{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;min-height:30px;padding:6px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.notification-action-note{color:#166534;margin:8px 0 0;font-weight:700}.notification-action-note.error-note{color:#b91c1c}.security-operations-page{gap:14px;display:grid}.security-operations-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.security-operations-summary span,.security-shift-strip span{color:#334155;background:#f7fbff;border:1px solid #d6e7ff;border-radius:12px;padding:9px;font-size:12px;font-weight:700}.security-operations-summary strong{color:#991b1b;font-size:20px;line-height:1.1;display:block}.security-shift-strip{flex-wrap:wrap;gap:8px;display:flex}.security-operations-section{gap:8px;display:grid}.compact-heading{margin-bottom:0}.compact-heading h3{margin:0;font-size:15px}.compact-heading span{color:#991b1b;text-align:center;background:#fee2e2;border-radius:999px;min-width:28px;padding:4px 8px;font-size:12px;font-weight:800}.security-operations-list{gap:10px;display:grid}.security-operation-item{border:1px solid #e2e8f0;background:#fff;border-inline-start:4px solid #991b1b;border-radius:12px;padding:10px}.security-operation-item.mine{border-inline-start-color:#0f766e}.security-operation-item.from-notification{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b29}.security-operation-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.security-operation-head h3{margin:0;font-size:15px}.security-operation-badges{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:6px;max-width:46%;display:flex}.security-operation-link-badge{color:#92400e;white-space:nowrap;background:#fffbeb;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900}.security-operation-status{color:#991b1b;background:#fee2e2;border-radius:999px;flex-shrink:0;padding:5px 8px;font-size:11px;font-weight:800}.security-operation-status.status-picked_up,.security-operation-status.status-in_progress{color:#0f766e;background:#ccfbf1}.security-operation-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0;display:grid}.security-operation-meta-grid span{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px}.security-operation-meta-grid small{color:#64748b;margin-bottom:2px;font-size:11px;display:block}.security-operation-meta-grid strong{color:#0f172a;font-size:12px}.security-operation-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.security-operation-actions .security-pickup-btn{color:#fff;cursor:pointer;background:#991b1b;border:1px solid #991b1b;border-radius:10px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:800}.security-operation-actions .security-transition-btn{background:#0f766e;border-color:#0f766e}.security-operation-actions .security-support-btn{color:#92400e;cursor:pointer;background:#fffbeb;border:1px solid #f59e0b;border-radius:10px;min-height:30px;padding:6px 10px;font-size:12px;font-weight:800}.security-operation-actions .security-pickup-btn:disabled,.security-operation-actions .security-support-btn:disabled{opacity:.62;cursor:wait}.security-operation-note{color:#166534;margin:8px 0;font-weight:700}.security-operation-note.warning-note{color:#92400e}.security-operation-note.error-note{color:#b91c1c}.bottom-nav{z-index:40;min-height:calc(62px + env(safe-area-inset-bottom,0px));padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--nav-bar-bg);-webkit-backdrop-filter:blur(16px)saturate(160%);will-change:transform;border-top:1px solid #94a3b859;justify-content:space-between;align-items:stretch;gap:2px;margin-top:auto;transition:transform .22s,opacity .18s,box-shadow .22s;display:flex;position:sticky;bottom:0;box-shadow:inset 0 -1px #ffffffa6,0 -12px 32px #0f172a0f}.app-shell.chrome-hidden>nav.bottom-nav{transform:translateY(calc(100% + env(safe-area-inset-bottom,0px) + 12px));opacity:0;pointer-events:none}.app-shell.chrome-menu-open>nav.bottom-nav{opacity:1;pointer-events:auto;transform:none}.bottom-nav .nav-tab{min-width:0;color:var(--nav-icon-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:4px;min-height:52px;margin:0;padding:4px 2px 2px;font-size:12px;transition:color .2s,background-color .2s,transform .15s;display:flex;position:relative}.bottom-nav .nav-tab:focus-visible{outline:none;box-shadow:0 0 0 2px #0f3d9159}.bottom-nav .nav-tab:active{transform:scale(.97)}.bottom-nav .nav-tab-label{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:inherit;padding-inline:1px;font-size:10.5px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.bottom-nav .nav-tab-icon-wrap{place-items:center;width:100%;padding-top:2px;display:grid;position:relative}.bottom-nav .nav-tab .icon-svg{width:44px;height:32px;color:var(--nav-icon-muted);box-shadow:none;background:0 0;border:none;border-radius:999px;flex-shrink:0;transition:color .2s,background-color .2s,transform .2s}.bottom-nav .nav-tab .icon-svg svg{stroke-width:2.05px;width:22px;height:22px}.bottom-nav .nav-tab-more .icon-svg svg{stroke-width:2.15px}.bottom-nav .nav-tab.nav-active{color:var(--nav-icon-active);background:#ffffff8c}.bottom-nav .nav-tab.nav-active .nav-tab-label{font-weight:800}.bottom-nav .nav-tab.nav-active .icon-svg{background:var(--nav-pill-active);color:var(--nav-icon-active);transform:none}.icon-svg{color:#0a2f87;background:#fff;border:1.4px solid #97b7ff;border-radius:8px;place-items:center;width:24px;height:24px;transition:transform .18s,background-color .18s,color .18s;display:grid;box-shadow:0 2px 8px #1d4ed833}.icon-svg svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.35px;width:15px;height:15px}.nav-badge{top:-2px;color:#fff;text-align:center;z-index:1;background:#ef4444;border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-style:normal;font-weight:800;line-height:16px;position:absolute;inset-inline-end:calc(50% - 28px);box-shadow:0 0 0 2px #ffffffeb}.auth-shell{background:linear-gradient(#0f3d91 0%,#0d8da6 34%,#d5dadf 34% 100%);max-width:420px;min-height:100dvh;margin:0 auto;padding:24px 14px;font-family:Cairo,Segoe UI,Tahoma,sans-serif}.auth-card{background:#fff;border:1px solid #dbe8ff;border-radius:18px;padding:18px;box-shadow:0 12px 28px #0f3d9126}.auth-card h1{margin:0 0 6px;font-size:22px}.auth-card p{color:#5b6678;margin:0 0 12px;font-size:14px}.field{gap:8px;margin-bottom:12px;display:grid}.field label{color:#334155;font-size:13px}.field input{border:1px solid #cddfff;border-radius:12px;width:100%;padding:11px 12px;font-size:14px}.phone-input-wrap{direction:ltr;background:#fff;border:1px solid #cddfff;border-radius:12px;align-items:stretch;width:100%;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.phone-input-wrap:focus-within{border-color:#8bbcff;box-shadow:0 0 0 3px #1d4ed81a}.phone-country-code{color:#0f3d91;direction:ltr;background:#f8fbff;border-right:1px solid #dbe8ff;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.phone-input-wrap input{text-align:left;direction:ltr;background:0 0;border:0;border-radius:0;flex:1;min-width:0}.phone-input-wrap input:focus{outline:none}.syria-flag{background:linear-gradient(#007a3d 0 33.333%,#fff 33.333% 66.666%,#111 66.666% 100%);border:1px solid #0f172a29;border-radius:4px;width:28px;height:18px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a1f}.syria-flag:before{content:"★ ★ ★";color:#ce1126;letter-spacing:1px;white-space:nowrap;font-size:5px;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.field select{width:100%;color:var(--text-main);background:#fff;border:1px solid #cddfff;border-radius:12px;padding:11px 12px;font-family:inherit;font-size:14px}.field textarea{resize:vertical;border:1px solid #cddfff;border-radius:12px;width:100%;padding:11px 12px;font-family:inherit;font-size:14px}.profile-file-field input[type=file]{background:#eff6ff80;border:1px dashed #2563eb73;border-radius:12px;padding:8px}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f3d91,#0d8da6);border:0;border-radius:12px;width:100%;padding:11px;font-weight:700}.secondary-btn{color:#0f3d91;cursor:pointer;background:#fff;border:1px solid #bcd6ff;border-radius:12px;width:100%;padding:11px;font-weight:600}.primary-btn:disabled,.secondary-btn:disabled{opacity:.58;cursor:not-allowed}.auth-actions{gap:8px;display:grid}.auth-countdown-note{color:#64748b;text-align:center;margin:8px 0 0;font-size:12px}.hint{color:#4f46e5;margin-top:10px;font-size:12px}.error{color:#b91c1c;margin:8px 0;font-size:13px}.status-message{color:#334155;margin-top:8px;font-size:13px}.ok-text{color:#166534;font-weight:600}.warn-text{color:#92400e;font-weight:600}.feed-page-card{gap:12px}.news-composer{background:#fff;border:1px solid #dbe7ff;border-radius:14px;gap:10px;padding:12px;display:grid}.news-composer-copy{gap:2px;display:grid}.news-composer-copy strong{color:#0f172a;font-size:14px}.news-composer-copy span{color:#64748b;font-size:12px}.news-composer input,.news-composer textarea,.feed-comment-form input{color:#0f172a;width:100%;font:inherit;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px}.news-composer textarea{resize:vertical}.news-composer-images,.feed-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.news-composer-image,.feed-media-grid img{background:#e2e8f0;border-radius:12px;overflow:hidden}.news-composer-image{aspect-ratio:1;position:relative}.news-composer-image img,.feed-media-grid img{object-fit:cover;width:100%;height:100%;display:block}.news-composer-image button{color:#fff;background:#0f172ac7;border:0;border-radius:10px;padding:5px 8px;font-size:11px;position:absolute;inset-block-start:6px;inset-inline-end:6px}.news-composer-actions,.feed-actions,.feed-comment-form{align-items:center;gap:8px;display:flex}.news-file-picker{cursor:pointer;justify-content:center;align-items:center;min-height:42px;display:inline-flex;position:relative}.news-file-picker.disabled{opacity:.55;pointer-events:none}.news-file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.news-feed{gap:10px;margin-top:10px;display:grid}.feed-item{background:#fff;border:1px solid #dbe7ff;border-radius:14px;padding:11px;transition:transform .18s,box-shadow .18s}.feed-item:hover{transform:translateY(-1px);box-shadow:0 9px 20px #2563eb1a}.feed-top{align-items:center;gap:9px;display:flex}.feed-author-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.feed-item h3{margin:0 0 2px;font-size:14px}.feed-meta{color:#64748b;margin:0;font-size:11px}.feed-body{color:#0f172a;margin:9px 0;font-size:13px;line-height:1.55}.feed-badge{color:#075985;background:#e0f2fe;border-radius:999px;width:fit-content;margin-top:8px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.feed-badge.resolved{color:#166534;background:#dcfce7}.feed-media-grid{margin:10px 0}.feed-media-grid.count-1{grid-template-columns:1fr}.feed-media-grid img{aspect-ratio:4/3}.feed-footer{color:#334155;gap:14px;font-size:12px;display:flex}.feed-actions{border-top:1px solid #e2e8f0;justify-content:space-between;margin-top:8px;padding-top:8px}.feed-actions button,.feed-comment-form button{color:#1d4ed8;background:#eef6ff;border:0;border-radius:10px;padding:8px 10px;font-weight:700}.feed-actions button.active{color:#1e40af;background:#dbeafe}.feed-actions button:disabled,.feed-comment-form button:disabled{opacity:.55}.feed-comments{gap:6px;margin-top:10px;display:grid}.feed-comment{background:#f1f5f9;border-radius:12px;gap:2px;padding:8px 10px;font-size:12px;display:grid}.feed-comment strong{color:#0f172a}.feed-comment span{color:#334155}.feed-comment-form{margin-top:10px}.feed-comment-form input{min-width:0}.service-page-card{gap:12px;display:grid}.service-page-card .section-heading h2{margin:0;font-size:20px}.service-list{gap:10px;display:grid}.service-item{background:var(--bg-card-soft);border:1px solid #dbe7ff;border-radius:14px;padding:12px}.service-item-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.service-item-head>div{min-width:0}.service-item h3{overflow-wrap:anywhere;margin:0 0 4px;font-size:15px}.service-item p{color:var(--text-subtle);margin:0;font-size:13px;line-height:1.55}.service-meta{color:var(--text-subtle);font-size:12px}.service-pill{color:#0f766e;letter-spacing:0;text-align:center;white-space:nowrap;text-overflow:ellipsis;direction:rtl;unicode-bidi:plaintext;background:#ecfeff;border:1px solid #99f6e4;border-radius:999px;flex-shrink:0;max-width:142px;padding:5px 9px;font-size:11px;font-weight:800;overflow:hidden}.service-options{gap:8px;margin-top:10px;display:grid}.service-option{width:100%;min-height:44px;color:var(--text-main);cursor:pointer;text-align:start;background:#fff;border:1px solid #cddfff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-family:inherit;font-weight:700;display:flex}.service-option small{color:var(--text-subtle);font-size:11px;font-weight:700}.service-option.selected{background:var(--primary-soft);color:var(--primary);border-color:#1d4ed8}.service-form-grid{gap:10px;display:grid}.service-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.service-action-btn{width:auto;min-width:128px}.ride-workspace{gap:14px}.ride-mode-switch,.ride-map-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.ride-map-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.ride-mode-switch button,.ride-map-toolbar button{min-height:40px;color:var(--text-main);cursor:pointer;background:#fff;border:1px solid #cddfff;border-radius:10px;font-family:inherit;font-weight:800}.ride-mode-switch button.active,.ride-map-toolbar button.active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.ride-form-grid{gap:12px;display:grid}.ride-form-fields{gap:10px;display:grid}.ride-route-picker{gap:8px;min-width:0;display:grid}.ride-map-shell{background:#e8f0ff;border:1px solid #cddfff;border-radius:12px;min-height:280px;overflow:hidden}.ride-map-canvas{width:100%;height:38vh;min-height:280px;max-height:420px}.ride-marker{border:2px solid #fff;border-radius:999px;box-shadow:0 8px 20px #0f172a47}.ride-marker span{border-radius:inherit;color:#fff;place-items:center;width:100%;height:100%;font-size:13px;font-weight:900;display:grid}.ride-marker-pickup span{background:#16a34a}.ride-marker-destination span{background:#2563eb}.ride-item{gap:8px;display:grid}.ride-driver-offers{gap:8px;margin-top:4px;display:grid}.ride-driver-offer{background:#fff;border:1px solid #dbe7ff;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px;display:flex}.ride-driver-offer>div{gap:2px;min-width:0;display:grid}.ride-driver-offer span{color:var(--text-subtle);font-size:12px}.ride-my-card{gap:12px}.ride-my-grid{gap:12px;display:grid}.ride-my-column{border-top:1px solid #dbe7ff;align-content:start;gap:8px;min-width:0;padding-top:10px;display:grid}.ride-my-column h3{color:var(--text-main);margin:0;font-size:15px;font-weight:900}.ride-mini-list{gap:8px;min-width:0;display:grid}.ride-mini-list.compact{margin-top:2px}.ride-mini-item{border-bottom:1px solid #edf2ff;gap:6px;min-width:0;padding-bottom:8px;display:grid}.ride-mini-item:last-child{border-bottom:0;padding-bottom:0}.ride-mini-item>div:first-child{gap:2px;min-width:0;display:grid}.ride-mini-item strong,.ride-booking-row span{overflow-wrap:anywhere}.ride-mini-item span,.ride-mini-item p{color:var(--text-subtle);margin:0;font-size:12px}.ride-status{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;width:fit-content;padding:3px 8px;font-weight:900;color:#1d4ed8!important;font-size:11px!important}.ride-booking-row{background:var(--bg-card-soft);border:1px solid #dbe7ff;border-radius:8px;gap:8px;padding:8px;display:grid}.ride-mini-actions{flex-wrap:wrap;gap:6px;display:flex}.ride-mini-actions .service-action-btn{min-width:82px;min-height:34px;padding:7px 10px}@media (width>=860px){.ride-form-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:start}.ride-my-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.volunteer-impact-grid,.volunteer-time-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.volunteer-availability-adder{grid-template-columns:1.05fr 1fr 1fr auto}}.service-actions a.secondary-btn{text-align:center;text-decoration:none}.volunteer-profile-card,.volunteer-history-card,.volunteer-task-item,.volunteer-history-item{gap:12px}.volunteer-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.volunteer-impact-grid span{background:var(--bg-card-soft);min-width:0;color:var(--text-subtle);border:1px solid #dbe7ff;border-radius:8px;gap:4px;padding:10px 12px;font-size:12px;font-weight:800;display:grid}.volunteer-impact-grid strong{overflow-wrap:anywhere;color:var(--text-main);font-size:17px;font-weight:900}.volunteer-profile-form{margin-top:4px}.volunteer-availability-field{border:0;min-width:0;margin:0 0 12px;padding:0}.volunteer-availability-field legend{color:#334155;padding:0;font-size:13px}.volunteer-availability-topline{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.volunteer-availability-hint{color:var(--text-subtle);margin:0;font-size:12px;line-height:1.5}.volunteer-availability-list{gap:8px;display:grid}.volunteer-availability-adder{background:#fff;border:1px solid #dbe7ff;border-radius:12px;align-items:end;gap:8px;padding:10px;display:grid}.volunteer-availability-control{gap:6px;min-width:0;display:grid}.volunteer-availability-control label{color:#334155;font-size:12px;font-weight:800}.volunteer-availability-control select{width:100%;min-height:44px;color:var(--text-main);font:inherit;background:#fff;border:1px solid #cddfff;border-radius:10px;padding:9px 10px}.volunteer-add-availability{min-height:44px}.volunteer-availability-warning{color:#b91c1c;margin:0;font-size:12px;font-weight:700}.volunteer-day-card{background:#fff;border:1px solid #dbe7ff;border-radius:12px;gap:8px;min-width:0;padding:10px;display:grid}.volunteer-day-card.selected{background:#f8fbff;border-color:#93c5fd}.volunteer-day-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.volunteer-day-head strong{color:var(--text-main);font-size:14px;font-weight:900}.volunteer-clear-day{color:#1d4ed8;min-height:30px;font:inherit;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.volunteer-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.volunteer-time-option{min-width:0;min-height:48px;color:var(--text-main);font:inherit;cursor:pointer;text-align:center;background:#fff;border:1px solid #cddfff;border-radius:10px;place-items:center;gap:2px;padding:7px 8px;transition:border-color .15s,background-color .15s,color .15s;display:grid}.volunteer-time-option span{font-size:13px;font-weight:900}.volunteer-time-option small{color:var(--text-subtle);direction:ltr;font-size:11px;font-weight:800}.volunteer-time-option:hover,.volunteer-time-option:focus-visible{border-color:#93c5fd;outline:none}.volunteer-time-option.selected{color:#0f766e;background:#ecfeff;border-color:#0d8da6}.volunteer-time-option.selected small{color:#0f766e}.volunteer-availability-summary{gap:7px;margin-top:2px;display:grid}.volunteer-availability-summary>span{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.volunteer-availability-entry{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 9px;display:flex}.volunteer-availability-entry span{color:#166534;overflow-wrap:anywhere;min-width:0;font-size:12px;font-weight:900}.volunteer-availability-entry button{color:#b91c1c;min-height:30px;font:inherit;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:800}.volunteer-availability-summary.empty>span{color:var(--text-subtle);background:#f8fbff;border-color:#dbe7ff}.volunteer-task-meta,.volunteer-history-meta,.volunteer-skill-row{flex-wrap:wrap;gap:6px;display:flex}.volunteer-task-meta span,.volunteer-history-meta span,.volunteer-skill-row span{color:var(--text-subtle);background:#f8fbff;border:1px solid #dbe7ff;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.volunteer-skill-row span{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.donation-summary-grid{grid-template-columns:1fr;gap:8px;display:grid}.donation-summary-grid span{background:var(--bg-card-soft);color:var(--text-subtle);border:1px solid #dbe7ff;border-radius:12px;gap:4px;padding:10px 12px;font-size:12px;font-weight:700;display:grid}.donation-summary-grid strong{color:var(--text-main);font-size:16px;font-weight:900}.donation-need-list{gap:10px;display:grid}.donation-need-item{background:var(--bg-card-soft);border:1px solid #dbe7ff;border-radius:14px;padding:12px}.donation-need-item h3{margin:0 0 4px;font-size:15px}.donation-need-item p{color:var(--text-subtle);margin:8px 0 0;font-size:13px;line-height:1.55}.donation-progress{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.donation-progress span{border-radius:inherit;background:linear-gradient(90deg,#16a34a,#0d9488);height:100%;display:block}.donation-trace-meta,.donation-mini-timeline{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.donation-trace-meta span,.donation-mini-timeline span{color:var(--text-subtle);background:#fff;border:1px solid #dbe7ff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.fund-transaction-list{gap:10px;display:grid}.fund-transaction-item{background:var(--bg-card-soft);border:1px solid #dbe7ff;border-radius:14px;padding:12px}.fund-transaction-item.out{background:#fff7f7;border-color:#fecaca}.fund-transaction-item strong{color:var(--text-main);flex-shrink:0;font-size:14px}.fund-transaction-item p{color:var(--text-subtle);margin:8px 0 0;font-size:13px;line-height:1.55}.tracked-donation-card{margin-top:10px}.complaint-action-note{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-top:10px;padding:8px 10px;font-size:12px;font-weight:800}.complaint-action-note.error-note{color:#991b1b;background:#fff1f2;border-color:#fecaca}.complaint-ops-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;gap:10px;margin-top:12px;padding:10px;display:grid}.complaint-ops-card.sla-on_track{background:#eff6ff;border-color:#bfdbfe}.complaint-ops-card.sla-due_soon{background:#fffbeb;border-color:#fde68a}.complaint-ops-card.sla-overdue{background:#fff1f2;border-color:#fecaca}.complaint-ops-card.sla-met{background:#f0fdf4;border-color:#bbf7d0}.complaint-ops-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.complaint-ops-grid span{background:#ffffffc7;border:1px solid #94a3b859;border-radius:10px;gap:3px;min-width:0;padding:8px;display:grid}.complaint-ops-grid small{color:var(--text-subtle);font-size:10px;font-weight:800}.complaint-ops-grid strong{color:var(--text-main);overflow-wrap:anywhere;font-size:12px;line-height:1.35}.complaint-event-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.complaint-event-list li{border-inline-start:3px solid #2563eb;padding-inline-start:8px}.complaint-event-list strong{color:var(--text-main);font-size:12px;display:block}.complaint-event-list span,.complaint-event-list p{color:var(--text-subtle);margin:2px 0 0;font-size:11px;line-height:1.45;display:block}@media (width<=520px){.complaint-ops-grid{grid-template-columns:1fr}}.information-request-list{gap:10px;margin-top:12px;display:grid}.information-request-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;gap:9px;padding:10px;display:grid}.information-request-card.pending{background:#fffbeb;border-color:#fbbf24}.information-request-head{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.information-request-head strong{color:var(--text-main)}.information-request-head span,.information-request-card p{color:var(--text-subtle)}.information-request-card p{margin:0;font-size:13px;line-height:1.6}.information-request-tags{flex-wrap:wrap;gap:6px;display:flex}.information-request-tags span{color:#1d4ed8;background:#fff;border:1px solid #c7d2fe;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.information-response-form,.information-response-readonly{gap:9px;display:grid}.information-response-form textarea{resize:vertical;border:1px solid var(--border-main);width:100%;min-height:86px;color:var(--text-main);background:#fff;border-radius:8px;padding:9px 10px;font-family:inherit;font-size:13px;line-height:1.6}.service-item-active{border-color:var(--primary);background:var(--primary-soft)}.chat-thread-panel{gap:10px;margin-top:12px;display:grid}.chat-messages{gap:8px;display:grid}.chat-message{background:#fff;border:1px solid #dbe7ff;border-radius:12px;padding:9px 10px}.chat-message strong{color:var(--primary);margin-bottom:4px;font-size:12px;display:block}.chat-message p{color:var(--text-main);margin:0;font-size:13px;line-height:1.5}.complaint-location-picker,.complaint-attachments-field,.similar-complaints-panel{gap:10px;display:grid}.field-label-row{color:var(--text-main);justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.field-label-row small{color:var(--text-subtle);font-size:12px;font-weight:600}.visually-hidden-file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.complaint-attach-surface{justify-content:flex-start;display:flex;position:relative}.complaint-attach-trigger{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:800;display:inline-flex}.complaint-attach-trigger:disabled{cursor:not-allowed;opacity:.6}.complaint-attach-trigger .icon-svg{width:18px;height:18px}.complaint-attach-menu{z-index:30;border:1px solid var(--border-main);background:var(--bg-card);border-radius:16px;grid-template-columns:repeat(3,minmax(74px,1fr));gap:10px;width:min(320px,100vw - 48px);padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0f172a2e}.complaint-attach-option{min-height:76px;color:var(--text-main);text-align:center;cursor:pointer;background:#f8fafc;border:0;border-radius:14px;place-items:center;gap:7px;font-size:12px;font-weight:800;text-decoration:none;display:grid}.complaint-attach-option .icon-svg{color:#fff;box-sizing:content-box;border-radius:999px;width:24px;height:24px;padding:7px}.complaint-attach-option.file-option .icon-svg{background:#2563eb}.complaint-attach-option.photo-option .icon-svg{background:#16a34a}.complaint-attach-option.video-option .icon-svg{background:#dc2626}.complaint-camera-panel{border:1px solid var(--border-main);background:var(--bg-card-soft);border-radius:16px;gap:10px;padding:10px;display:grid}.complaint-camera-head,.complaint-camera-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.complaint-camera-head strong{color:var(--text-main);font-size:13px}.complaint-camera-head button{border:1px solid var(--border-main);background:var(--bg-card);width:32px;height:32px;color:var(--text-main);border-radius:999px;place-items:center;display:inline-grid}.complaint-camera-head .icon-svg{width:16px;height:16px}.complaint-camera-preview{aspect-ratio:4/3;object-fit:cover;background:#020617;border-radius:14px;width:100%;max-height:320px}.complaint-camera-actions .primary-btn,.complaint-camera-actions .secondary-btn{width:100%}.danger-btn{color:#991b1b;background:#fee2e2;border-color:#fecaca}.complaint-attachments-list{gap:8px;display:grid}.complaint-attachments-list.compact{margin-top:8px}.complaint-attachment-card{border:1px solid var(--border-main);background:var(--bg-card-soft);width:100%;color:var(--text-main);border-radius:8px;grid-template-columns:94px minmax(0,1fr);grid-template-areas:"preview info""preview actions";align-items:center;gap:8px 10px;padding:8px;font-size:12px;display:grid}.complaint-attachment-card.attachment-uploading{background:#eff6ff;border-color:#bfdbfe}.complaint-attachment-card.attachment-failed{background:#fff1f2;border-color:#fecaca}.complaint-attachment-card.attachment-uploading .complaint-attachment-info small{color:#1d4ed8;font-weight:800}.complaint-attachment-card.attachment-failed .complaint-attachment-info small{color:#991b1b;font-weight:800}.complaint-attachments-list.compact .complaint-attachment-card{grid-template-columns:82px minmax(0,1fr)}.complaint-attachment-preview{aspect-ratio:4/3;color:#2563eb;background:#e0f2fe;border-radius:8px;grid-area:preview;place-items:center;width:100%;display:grid;overflow:hidden}.complaint-attachment-preview img,.complaint-attachment-preview video{object-fit:cover;background:#020617;width:100%;height:100%;display:block}.complaint-attachment-preview .icon-svg{width:30px;height:30px}.complaint-attachment-info{grid-area:info;gap:2px;min-width:0;display:grid}.complaint-attachment-info span{color:var(--text-subtle);font-size:11px;font-weight:800}.complaint-attachment-info strong{min-width:0;color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.complaint-attachment-info small{color:var(--text-subtle);white-space:nowrap}.complaint-attachment-actions{flex-wrap:wrap;grid-area:actions;align-items:center;gap:8px;display:flex}.complaint-attachment-actions a,.complaint-attachment-actions button{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;padding:5px 10px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.complaint-attachment-actions button{color:#991b1b;background:#fee2e2;border-color:#fecaca}.complaint-attachment-chip{border:1px solid var(--border-main);background:var(--bg-card-soft);width:100%;color:var(--text-main);border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;font-size:12px;text-decoration:none;display:grid}.complaint-attachment-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.complaint-attachment-chip small{color:var(--text-subtle);white-space:nowrap}.complaint-attachment-chip button{color:#991b1b;background:#fee2e2;border:0;border-radius:9px;padding:5px 8px;font-size:12px;font-weight:700}.complaint-map-shell{border:1px solid var(--border-main);background:var(--bg-card-soft);border-radius:14px;height:240px;overflow:hidden}.complaint-map-canvas{width:100%;height:100%}.similar-complaints-panel{background:#fffbeb;border:1px solid #facc15;border-radius:14px;padding:12px}.similar-complaints-panel h3{margin:0;font-size:15px}.load-hint{color:#64748b;text-align:center;margin:10px 0 0;font-size:12px}.floating-alert{bottom:calc(88px + env(safe-area-inset-bottom,0px));color:#fff;text-align:center;z-index:55;cursor:pointer;background:#b91c1c;border:1px solid #7f1d1d;border-radius:12px;width:min(380px,100% - 24px);padding:10px 12px;font-size:13px;font-weight:700;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #7f1d1d47}.floating-alert:hover,.floating-alert:focus-visible{background:#991b1b}.floating-alert:focus-visible{outline-offset:2px;outline:3px solid #f8717173}.urgent-notification-panel{right:12px;bottom:calc(86px + env(safe-area-inset-bottom,0px));z-index:58;color:#fff;background:#b91c1c;border:1px solid #7f1d1d;border-radius:12px;gap:9px;width:min(420px,100% - 24px);margin-inline:auto;padding:11px;display:grid;position:fixed;left:12px;box-shadow:0 18px 42px #7f1d1d57}.urgent-notification-panel strong,.urgent-notification-panel span{display:block}.urgent-notification-panel strong{margin-bottom:2px;font-size:13px}.urgent-notification-panel span{font-size:12px;line-height:1.45}.urgent-notification-panel-actions{flex-wrap:wrap;gap:8px;display:flex}.urgent-notification-panel-actions button{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffffb3;border-radius:10px;min-height:32px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:900}.urgent-notification-panel-actions .urgent-action{color:#991b1b;background:#fff}.urgent-notification-panel-actions button:disabled{opacity:.65;cursor:wait}.urgent-notification-panel+.toast-banner{bottom:calc(188px + env(safe-area-inset-bottom,0px))}.app-shell.chrome-hidden .floating-alert,.app-shell.chrome-hidden .urgent-notification-panel,.app-shell.chrome-hidden .toast-banner{bottom:calc(20px + env(safe-area-inset-bottom,0px))}.app-shell.chrome-hidden .urgent-notification-panel+.toast-banner{bottom:calc(122px + env(safe-area-inset-bottom,0px))}.toast-banner{bottom:calc(92px + env(safe-area-inset-bottom,0px));color:#f8fafc;text-align:center;z-index:60;background:#1e293b;border:1px solid #334155;border-radius:12px;width:min(380px,100% - 24px);padding:10px 14px;font-size:13px;font-weight:600;line-height:1.45;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0003}.app-shell.dark .toast-banner{color:#e2e8f0;background:#0f172a;border-color:#1e3a5f}.top-notification-strip{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:center;width:calc(100% - 24px);margin:8px auto 0;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.top-notification-strip strong{color:#b91c1c}.top-notification-strip.urgent{color:#fff;background:#b91c1c;border-color:#991b1b}.top-notification-strip.urgent strong{color:#fff}.app-shell.dark{--bg-page-solid:#0b1220;--bg-page:linear-gradient(180deg, #0b1220 0%, #121b2d 45%, #0b1220 100%);--bg-card:#141e31;--bg-card-soft:#172338;--text-main:#e2e8f0;--text-subtle:#94a3b8;--border-main:#27344a;--primary:#60a5fa;--primary-soft:#1e3a5f;--shell-blur:22px;--shell-frost:#0f172a6b;--nav-bar-bg:#0f172ac7;--nav-icon-muted:#94a3b8;--nav-icon-active:#93c5fd;--nav-pill-active:#60a5fa2e}.app-shell.dark .topbar{background:linear-gradient(135deg,#1e3a8a,#0e7490)}.app-shell.dark .top-notification-strip{color:#93c5fd;background:#142847;border-color:#2d4e8c}.app-shell.dark .top-notification-strip.urgent{color:#fff;background:#b91c1c;border-color:#fca5a5}.app-shell.dark .urgent-notification-panel{color:#fff;background:#991b1b;border-color:#fca5a5;box-shadow:0 18px 42px #0f172a73}.app-shell.dark .urgent-notification-panel-actions button{background:#7f1d1d6b;border-color:#fecacab8}.app-shell.dark .urgent-notification-panel-actions .urgent-action{color:#7f1d1d;background:#fecaca}.app-shell.dark .field select,.app-shell.dark .service-option,.app-shell.dark .chat-message{color:var(--text-main);background:#111827;border-color:#334155}.app-shell.dark .service-item{border-color:#27344a}.app-shell.dark .ride-mode-switch button,.app-shell.dark .ride-map-toolbar button,.app-shell.dark .ride-driver-offer,.app-shell.dark .ride-booking-row{color:var(--text-main);background:#111827;border-color:#334155}.app-shell.dark .ride-my-column,.app-shell.dark .ride-mini-item{border-color:#27344a}.app-shell.dark .ride-status{background:#172554;border-color:#3b82f6;color:#bfdbfe!important}.app-shell.dark .ride-mode-switch button.active,.app-shell.dark .ride-map-toolbar button.active{color:#bfdbfe;background:#172554;border-color:#3b82f6}.app-shell.dark .ride-map-shell,.app-shell.dark .donation-summary-grid span,.app-shell.dark .volunteer-impact-grid span,.app-shell.dark .volunteer-task-meta span,.app-shell.dark .volunteer-history-meta span,.app-shell.dark .donation-need-item,.app-shell.dark .donation-trace-meta span,.app-shell.dark .donation-mini-timeline span,.app-shell.dark .fund-transaction-item{background:#111827;border-color:#334155}.app-shell.dark .volunteer-skill-row span{color:#fed7aa;background:#431407;border-color:#9a3412}.app-shell.dark .volunteer-availability-field legend{color:var(--text-main)}.app-shell.dark .volunteer-availability-adder,.app-shell.dark .volunteer-availability-control select{color:var(--text-main);background:#111827;border-color:#334155}.app-shell.dark .volunteer-availability-control label{color:var(--text-main)}.app-shell.dark .volunteer-availability-warning{color:#fca5a5}.app-shell.dark .volunteer-day-card,.app-shell.dark .volunteer-time-option{color:var(--text-main);background:#111827;border-color:#334155}.app-shell.dark .volunteer-day-card.selected{background:#0f2748;border-color:#3b82f6}.app-shell.dark .volunteer-clear-day{color:#bfdbfe;background:#142847;border-color:#2d4e8c}.app-shell.dark .volunteer-time-option:hover,.app-shell.dark .volunteer-time-option:focus-visible{border-color:#60a5fa}.app-shell.dark .volunteer-time-option.selected{color:#99f6e4;background:#134e4a;border-color:#2dd4bf}.app-shell.dark .volunteer-time-option.selected small{color:#99f6e4}.app-shell.dark .volunteer-availability-summary>span{color:#bbf7d0;background:#11351f;border-color:#166534}.app-shell.dark .volunteer-availability-entry{background:#11351f;border-color:#166534}.app-shell.dark .volunteer-availability-entry span{color:#bbf7d0}.app-shell.dark .volunteer-availability-entry button{color:#fecaca;background:#3f1d1d;border-color:#7f1d1d}.app-shell.dark .volunteer-availability-summary.empty>span{color:var(--text-subtle);background:#111827;border-color:#334155}.app-shell.dark .fund-transaction-item.out{background:#3f1d1d;border-color:#7f1d1d}.app-shell.dark .donation-progress{background:#27344a}.app-shell.dark .complaint-attachment-chip{color:var(--text-main);background:#111827;border-color:#334155}.app-shell.dark .complaint-attachment-card{background:#111827;border-color:#334155}.app-shell.dark .complaint-attachment-preview{color:#93c5fd;background:#0f172a}.app-shell.dark .complaint-attachment-actions a{color:#bfdbfe;background:#142847;border-color:#2d4e8c}.app-shell.dark .complaint-attachment-actions button{color:#fecaca;background:#3f1d1d;border-color:#7f1d1d}.app-shell.dark .complaint-attach-trigger{color:#93c5fd;background:#142847;border-color:#2d4e8c}.app-shell.dark .complaint-attach-menu,.app-shell.dark .complaint-camera-panel,.app-shell.dark .complaint-camera-head button{background:#111827;border-color:#334155}.app-shell.dark .complaint-attach-option{color:var(--text-main);background:#0f172a}.app-shell.dark .service-pill{color:#99f6e4;background:#134e4a;border-color:#2dd4bf}.app-shell.dark .complaint-action-note{color:#bbf7d0;background:#11351f;border-color:#166534}.app-shell.dark .complaint-action-note.error-note{color:#fecaca;background:#3f1d1d;border-color:#7f1d1d}.app-shell.dark .complaint-ops-card{background:#111827;border-color:#334155}.app-shell.dark .complaint-ops-card.sla-on_track{background:#0f2748;border-color:#1d4ed8}.app-shell.dark .complaint-ops-card.sla-due_soon{background:#3a2f0b;border-color:#a16207}.app-shell.dark .complaint-ops-card.sla-overdue{background:#3f1d1d;border-color:#7f1d1d}.app-shell.dark .complaint-ops-card.sla-met{background:#11351f;border-color:#166534}.app-shell.dark .complaint-ops-grid span{background:#0f172ac7;border-color:#334155}.app-shell.dark .complaint-event-list li{border-inline-start-color:#60a5fa}.app-shell.dark .information-request-card{background:#142847;border-color:#2d4e8c}.app-shell.dark .information-request-card.pending{background:#2f260b;border-color:#a16207}.app-shell.dark .information-request-tags span,.app-shell.dark .information-response-form textarea{color:var(--text-main);background:#111827;border-color:#334155}.app-shell.dark .similar-complaints-panel{background:#2f260b;border-color:#a16207}.app-shell.dark .profile-nudge-card{background:linear-gradient(125deg,#142846 0%,#172338 50%,#132d32 100%);border-color:#60a5fa40}.app-shell.dark .profile-nudge-copy p{color:var(--text-subtle)}.app-shell.dark .profile-status-callout{background:#1e3a8a59;border-color:#60a5fa38}.app-shell.dark .inline-code{color:#e2e8f0;background:#0f172a99;border-color:#47556999}.app-shell.dark .complaint-tab-btn.active{border-color:var(--primary);color:#e0f2fe;background:#1e3a5f}.app-shell.dark .complaint-stats-strip span,.app-shell.dark .complaint-summary-grid span,.app-shell.dark .complaint-highlight-card{background:#111827;border-color:#334155}.app-shell.dark .complaint-security-banner{color:#fecaca;background:#7f1d1d61;border-color:#f8717166}.app-shell.dark .complaint-security-banner span{color:#fca5a5}.app-shell.dark .complaint-highlight-card.needs-action{background:#2f260b;border-color:#a16207}.app-shell.dark .complaint-highlight-head em{color:#99f6e4;background:#134e4a;border-color:#2dd4bf}.app-shell.dark .quick-actions-surface{background:radial-gradient(120% 80% at 100% 0,#2563eb33 0%,#0000 55%),radial-gradient(90% 70% at 0 100%,#0ea5e926 0%,#0000 52%),linear-gradient(#172338fa,#131e2ef0);border-color:#334155bf}.app-shell.dark .quick-actions-surface:after{background:radial-gradient(#3b82f614,#0000 70%)}.app-shell.dark .news-preview-card,.app-shell.dark .news-composer,.app-shell.dark .feed-item,.app-shell.dark .notification-item,.app-shell.dark .timeline-note{color:#dbe7ff;background:#172338;border-color:#2c3c57}.app-shell.dark .news-preview-card{box-shadow:none}.app-shell.dark .news-composer-copy strong,.app-shell.dark .feed-item h3,.app-shell.dark .feed-comment strong{color:#e2e8f0}.app-shell.dark .news-composer-copy span,.app-shell.dark .feed-meta,.app-shell.dark .feed-footer{color:#94a3b8}.app-shell.dark .news-composer input,.app-shell.dark .news-composer textarea,.app-shell.dark .feed-comment-form input,.app-shell.dark .feed-comment{color:#e2e8f0;background:#0f172a;border-color:#334155}.app-shell.dark .feed-body,.app-shell.dark .feed-comment span{color:#cbd5e1}.app-shell.dark .feed-actions{border-color:#334155}.app-shell.dark .feed-actions button,.app-shell.dark .feed-comment-form button{color:#bfdbfe;background:#142847}.app-shell.dark .notification-sound-actions button{color:#bfdbfe;background:#1e3a8a52;border-color:#60a5fa57}.app-shell.dark .notification-sound-actions button.urgent{color:#fecaca;background:#7f1d1d57;border-color:#f871716b}.app-shell.dark .notification-sound-status,.app-shell.dark .notification-push-status{color:#bfdbfe;background:#1e3a8a52;border-color:#60a5fa57}.app-shell.dark .notification-push-status small{color:#94a3b8}.app-shell.dark .notification-sound-status.ready,.app-shell.dark .notification-push-status.registered,.app-shell.dark .notification-push-status.ready{color:#bbf7d0;background:#14532d59;border-color:#4ade8066}.app-shell.dark .notification-sound-status.blocked,.app-shell.dark .notification-sound-status.unsupported,.app-shell.dark .notification-push-status.denied,.app-shell.dark .notification-push-status.failed,.app-shell.dark .notification-push-status.unsupported{color:#fecaca;background:#7f1d1d57;border-color:#f871716b}.app-shell.dark .notification-push-status.config_missing,.app-shell.dark .notification-push-status.service_worker_missing{color:#fed7aa;background:#7c2d1257;border-color:#fb923c6b}.app-shell.dark .notification-push-status.registering{color:#fef08a;background:#713f1257;border-color:#facc156b}.app-shell.dark .notification-sound-status button,.app-shell.dark .notification-push-status button{background:#0f172a73}.app-shell.dark .security-pill{color:#7f1d1d;background:#fecaca}.app-shell.dark .notification-admin-link{color:#bbf7d0;background:#14532d59;border-color:#4ade8066}.app-shell.dark .notification-action-note{color:#bbf7d0}.app-shell.dark .notification-action-note.error-note{color:#fecaca}.app-shell.dark .security-operations-summary span,.app-shell.dark .security-shift-strip span,.app-shell.dark .security-operation-item,.app-shell.dark .security-operation-meta-grid span{color:#dbe7ff;background:#172338;border-color:#2c3c57}.app-shell.dark .security-operations-summary strong,.app-shell.dark .security-operation-meta-grid strong{color:#fecaca}.app-shell.dark .security-operation-item.from-notification{border-color:#f59e0b94;box-shadow:0 0 0 2px #f59e0b2e}.app-shell.dark .security-operation-link-badge{color:#fde68a;background:#78350f61}.app-shell.dark .security-operation-status{color:#fecaca;background:#f871713d}.app-shell.dark .security-operation-status.status-picked_up,.app-shell.dark .security-operation-status.status-in_progress{color:#99f6e4;background:#2dd4bf2e}.app-shell.dark .security-operation-actions .security-transition-btn{color:#ccfbf1;background:#0f766e6b;border-color:#2dd4bf73}.app-shell.dark .security-operation-actions .security-support-btn{color:#fde68a;background:#78350f5c;border-color:#f59e0b73}.app-shell.dark .compact-heading span{color:#fecaca;background:#f871713d}.app-shell.dark .security-operation-note{color:#bbf7d0}.app-shell.dark .security-operation-note.warning-note{color:#fde68a}.app-shell.dark .security-operation-note.error-note{color:#fecaca}.app-shell.dark .action-item{color:var(--text-main);background:#172338b8;border-color:#334155cc;box-shadow:0 4px 18px #0003,inset 0 1px #ffffff0a}.app-shell.dark .action-item[data-accent=ocean] .action-icon{background:linear-gradient(145deg,#0284c7 0%,#075985 100%)}.app-shell.dark .action-item[data-accent=violet] .action-icon{background:linear-gradient(145deg,#7c3aed 0%,#4c1d95 100%)}.app-shell.dark .action-item[data-accent=amber] .action-icon{color:#1e293b;background:linear-gradient(145deg,#eab308 0%,#a16207 100%)}.app-shell.dark .action-item[data-accent=rose] .action-icon{background:linear-gradient(145deg,#fb7185 0%,#9f1239 100%)}.app-shell.dark .icon-svg{color:#93c5fd;background:#243758;border-color:#60a5fa73;box-shadow:0 2px 10px #00000040}.app-shell.dark .topbar-notify-btn .topbar-notify-icon{color:#1e40af;box-shadow:none;background:#fffffff2;border-color:#ffffff8c}.app-shell.dark .bottom-nav{border-top-color:#334155a6;box-shadow:inset 0 -1px #ffffff0a,0 -12px 36px #00000059}.app-shell.dark .bottom-nav .nav-tab.nav-active{background:#1e293bbf}.app-shell.dark .bottom-nav .nav-tab .icon-svg{box-shadow:none;background:0 0;border:none}@media (prefers-reduced-motion:reduce){.topbar,.bottom-nav{transition:none}}.app-shell.dark .nav-badge{box-shadow:0 0 0 2px #0f172af2}.app-shell.dark .hero-news-pill:hover,.app-shell.dark .hero-news-pill:focus-visible{background:#02061759}.app-shell.dark .hero-profile-chip{color:#1e293b;background:#f8fafcf5}.app-shell.dark .profile-complete-card textarea,.app-shell.dark .profile-complete-card .field input{background:var(--bg-card-soft);border-color:var(--border-main);color:var(--text-main)}.app-shell.dark .profile-file-field input[type=file]{background:#1e293b80;border-color:#60a5fa59}.map-page-card .section-heading{margin-bottom:12px}.profile-form-map-lead{color:var(--text-subtle);margin-top:10px;font-size:.88rem;line-height:1.5;display:block}button.inline-link-btn{font:inherit;color:var(--primary);text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-weight:600;text-decoration:underline;display:inline}button.inline-link-btn:hover,button.inline-link-btn:focus-visible{color:#1e3a8a}.profile-verification-map{border-top:1px dashed var(--border-main);margin-top:20px;padding-top:18px}.profile-verification-map-title{color:var(--text-main);margin:0 0 8px;font-size:1.05rem}.profile-verification-map-lead{color:var(--text-subtle);margin:0 0 12px;font-size:.88rem;line-height:1.55}.profile-map-verification-card h2{margin-top:0}.map-tab-section{flex-direction:column;gap:12px;display:flex}.map-privacy-banner{color:#e0e7ff;background:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);border:1px solid #818cf880;border-radius:10px;padding:12px 14px;font-size:.88rem;line-height:1.55;box-shadow:0 4px 14px #0f172a40}.map-privacy-banner strong{color:#fff;margin-bottom:6px;font-size:.95rem;display:block}.map-privacy-banner em{text-underline-offset:2px;font-style:normal;text-decoration:underline}.map-leaflet-shell{border:1px solid var(--border-main);background:#e2e8f0;border-radius:12px;min-height:280px;overflow:hidden}.map-leaflet-canvas{z-index:1;width:100%;height:320px}.map-tab-embedded .map-leaflet-canvas{height:268px}.map-tab-embedded .map-privacy-banner{padding:10px 12px;font-size:.84rem}.map-actions{flex-direction:column;gap:8px;display:flex}.map-action-primary{width:100%}.map-action-send{background:linear-gradient(135deg,#0f3d91,#1d4ed8);width:100%}.map-login-hint{color:var(--text-subtle);text-align:center;margin:0;font-size:.85rem}.map-geo-error{color:#b91c1c;margin:0;font-size:.88rem}.map-geo-status{color:#15803d;margin:0;font-size:.88rem}.map-coords-readout{color:var(--text-main);text-align:center;word-break:break-all;background:var(--bg-card-soft);border:1px dashed var(--border-main);direction:ltr;border-radius:8px;margin:0;padding:8px;font-size:.82rem}.map-coords-readout.muted{color:var(--text-subtle)}.app-shell.dark .map-privacy-banner{background:linear-gradient(135deg,#312e81 0%,#0f172a 100%);border-color:#a5b4fc59}.app-shell.dark .map-leaflet-shell{background:#1e293b;border-color:#475569d9}.app-shell.dark .map-coords-readout{background:#1e293ba6;border-color:#475569e6}.app-shell.dark button.inline-link-btn{color:#93c5fd}.app-shell.dark button.inline-link-btn:hover,.app-shell.dark button.inline-link-btn:focus-visible{color:#bfdbfe}