@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--ink:#090b0a;--paper:#f7f8f3;--cream:#ebece2;--lime:#c6f346;--lime2:#add92e;--sage:#b8bbab;--line:#d7d9ce;--muted:#6c716a;--gold:#d5a62e;--red:#d94c4c;--white:#fff;--radius:22px;--shadow:0 18px 50px #0c100a1f}*{box-sizing:border-box}html{background:var(--sage);color:var(--ink)}body{font-family:var(--font-app), Arial, sans-serif;background:var(--sage);color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #c6f346bf}.wide{width:100%}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{color:var(--muted);letter-spacing:.14em;font-size:10px;font-weight:850;display:block}.quiet{color:#a0a49d;font-size:11px}.brand{align-items:center;gap:15px;display:flex}.brand img{object-fit:contain;object-position:left center;width:128px;height:68px}.brand>span{flex-direction:column;display:flex}.brand strong{letter-spacing:-.055em;font-size:24px;line-height:1}.brand small{letter-spacing:.13em;white-space:nowrap;margin-top:7px;font-size:7px;font-weight:900}.brand-small img{width:70px;height:43px}.brand-small strong{color:inherit;font-size:16px}.brand-small small{font-size:5px}.primary,.black,.outline,.whatsapp{border:1px solid var(--ink);border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:0 17px;font-size:11px;font-weight:850;text-decoration:none;display:inline-flex}.primary{background:var(--lime);color:var(--ink);box-shadow:0 3px 0 var(--ink)}.primary:disabled{opacity:.55;cursor:wait}.black{background:var(--ink);color:#fff}.outline{color:var(--ink);border-color:var(--line);background:#fff}.whatsapp{color:#164d23;background:#e5ffd9;border-color:#86bb70}.primary svg,.black svg,.outline svg,.whatsapp svg{width:17px}.pill{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;width:max-content;min-height:23px;padding:4px 8px;font-size:8px;font-weight:900;line-height:1;display:inline-flex}.pill-lime{color:#395300;background:#c6f34661;border:1px solid #60840838}.pill-dark{background:var(--ink);color:var(--lime)}.pill-gold{color:#7a5200;background:#fff0c8;border:1px solid #ead18c}.pill-muted{color:var(--muted);background:#eef0ea}.progress{background:#e1e4da;border-radius:99px;height:8px;overflow:hidden}.progress span{background:var(--lime2);border-radius:inherit;height:100%;display:block}.login-page{background:var(--cream);grid-template-columns:minmax(450px,1.05fr) minmax(480px,.95fr);min-height:100vh;display:grid}.login-brand{color:#fff;background-color:var(--ink);background-image:radial-gradient(circle at 82% 20%,#c6f34633 0 17%,#0000 17.2%),linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:auto,26px 26px,26px 26px;flex-direction:column;min-height:100vh;padding:clamp(36px,5vw,80px);display:flex}.login-brand .brand img{filter:drop-shadow(0 3px 12px #00000038)}.login-brand .brand strong{color:#fff}.login-promise{max-width:670px;margin:auto 0}.login-promise h1{letter-spacing:-.085em;margin:22px 0;font-size:clamp(60px,7vw,112px);line-height:.84}.login-promise>p{color:#b5bbb5;max-width:590px;font-size:16px;line-height:1.6}.promise-list{flex-direction:column;gap:12px;margin-top:32px;display:flex}.promise-list span{align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.promise-list svg{width:19px;color:var(--lime)}.login-brand>small{color:#7d837e;letter-spacing:.07em;font-size:10px}.login-panel{background:radial-gradient(circle at 80% 70%, #c6f34659, transparent 27%), var(--cream);place-items:center;min-height:100vh;padding:42px;display:grid}.login-box{border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);background:#fffffff0;border-radius:28px;padding:36px}.login-page>.login-box{place-self:center;width:min(520px,100% - 48px);margin:24px}.login-brand>div:nth-child(2){max-width:680px;margin:auto 0}.login-brand>div:nth-child(2) h1{letter-spacing:-.08em;margin:22px 0;font-size:clamp(58px,6.6vw,108px);line-height:.86}.login-brand>div:nth-child(2) h1 em{color:var(--lime);font-style:normal}.login-brand>div:nth-child(2) p{color:#b5bbb5;max-width:590px;font-size:15px;line-height:1.6}.login-trust{color:#dce1dc;align-items:center;gap:10px;display:flex}.login-trust svg{width:22px;color:var(--lime)}.login-trust span{flex-direction:column;display:flex}.login-trust small{color:#7d837e;margin-top:3px;font-size:8px}.login-top{color:var(--muted);letter-spacing:.06em;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;font-size:8px;font-weight:850;display:flex}.login-choice{flex-direction:column;display:flex}.login-choice>p{color:var(--muted);margin:0 0 15px;font-size:11px}.role-choice{border:1px solid var(--ink);text-align:left;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:13px;width:100%;min-height:96px;margin-bottom:10px;padding:15px;transition:transform .15s,box-shadow .15s;display:grid}.role-choice:hover{transform:translateY(-2px);box-shadow:0 8px #090b0a29}.role-choice.dark{color:#fff;background:var(--ink)}.role-choice.lime{color:var(--ink);background:var(--lime);box-shadow:0 3px 0 var(--ink)}.role-choice>svg:first-child{width:44px;height:44px;color:var(--ink);background:#fff;border-radius:12px;padding:10px}.role-choice>svg:last-child{width:19px}.role-choice span{flex-direction:column;min-width:0;display:flex}.role-choice b{font-size:14px}.role-choice small{color:inherit;opacity:.67;margin-top:5px;font-size:9px}.login-box h2{letter-spacing:-.06em;margin:7px 0;font-size:40px}.login-box>p{color:var(--muted);margin:0 0 22px;font-size:12px;line-height:1.6}.role-cards{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:19px;display:grid}.role-cards button{text-align:left;border:1px solid var(--line);background:#f7f8f4;border-radius:16px;flex-direction:column;align-items:flex-start;min-height:132px;padding:16px;display:flex;position:relative}.role-cards button.active{border:2px solid var(--ink);background:#c6f3462e;padding:15px}.role-cards button>svg:first-child{background:#fff;border-radius:10px;width:34px;height:34px;padding:7px}.role-cards button>svg:last-child{opacity:0;width:17px;position:absolute;top:12px;right:12px}.role-cards button.active>svg:last-child{opacity:1}.role-cards span{flex-direction:column;margin-top:auto;display:flex}.role-cards b{font-size:12px}.role-cards small{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.4}.input-label{color:#3b3f3b;flex-direction:column;gap:7px;margin:13px 0;font-size:10px;font-weight:800;display:flex}.input-label input,.input-label select,.input-label textarea,.drawer select,.drawer textarea{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#f7f8f4;border-radius:12px;outline:0;padding:11px 13px;font-size:12px}.input-label textarea,.drawer textarea{resize:vertical}.code-input{letter-spacing:.35em;text-align:center;font-weight:900;font-size:25px!important}.back-link,.text-link,.demo-link{color:#4c514c;background:0 0;border:0;padding:0;font-size:10px;font-weight:750}.text-link{width:100%;margin-top:16px;text-decoration:underline}.demo-code{background:#f2f7df;border:1px solid #cbd89c;border-radius:12px;gap:10px;margin:13px 0;padding:12px;display:flex}.demo-code svg{color:#527200;flex:none;width:18px}.demo-code span{flex-direction:column;font-size:10px;display:flex}.demo-code strong{letter-spacing:.18em;font-size:20px}.demo-code small{color:var(--muted);margin-top:3px;font-size:8px}.demo-accounts{color:var(--muted);background:#f1f2ed;border-radius:12px;flex-direction:column;gap:4px;margin-top:18px;padding:13px;font-size:9px;display:flex}.demo-accounts strong{color:var(--ink)}.two-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.login-box fieldset,.form-modal fieldset{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:10px;margin:13px 0;padding:12px;display:flex}.login-box legend,.form-modal legend{padding:0 5px;font-size:9px;font-weight:850}.login-box fieldset label,.form-modal fieldset label{font-size:9px}.success-box{text-align:center}.issued-credentials{text-align:left;gap:8px;margin:20px 0;display:grid}.issued-credentials span,.volunteer-credentials{background:#f2f8df;border:1px solid #a9c94a;border-radius:12px;padding:12px}.issued-credentials span{flex-direction:column;gap:4px;display:flex}.issued-credentials small,.volunteer-credentials>small{color:#5a6c19;letter-spacing:.06em;font-size:8px;font-weight:900}.issued-credentials strong{overflow-wrap:anywhere;font-size:15px}.registration-note{margin:14px 0}.success-mark{background:var(--lime);border:2px solid var(--ink);border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 20px;display:grid}.loading-page{background:var(--cream);flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;display:flex}.loading-page>svg{color:#577500}.loading-page>span{color:var(--muted);font-size:11px}.app-bg{background:radial-gradient(circle at 10% 8%, #c6f34661 0 12%, transparent 12.2%), radial-gradient(circle at 91% 90%, #c6f34647 0 18%, transparent 18.2%), var(--sage);min-height:100vh;padding:clamp(10px,2vw,28px)}.app-shell{background-color:var(--cream);max-width:1600px;min-height:calc(100vh - clamp(20px,4vw,56px));box-shadow:var(--shadow);background-image:linear-gradient(#0a0c0b09 1px,#0000 1px),linear-gradient(90deg,#0a0c0b09 1px,#0000 1px);background-size:25px 25px;border:1px solid #ffffffa6;border-radius:30px;grid-template-columns:226px minmax(0,1fr);margin:auto;display:grid;overflow:hidden}.sidebar{background:var(--ink);color:#fff;flex-direction:column;min-height:calc(100vh - 56px);padding:18px 14px;display:flex;position:sticky;top:0}.sidebar-head{border-bottom:1px solid #292d2a;padding:6px 4px 23px}.sidebar-head>button{display:none}.sidebar nav{flex-direction:column;gap:5px;margin-top:20px;display:flex}.sidebar nav button,.sidebar-foot button{color:#9da39e;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-size:11px;font-weight:760;display:flex}.sidebar nav button svg,.sidebar-foot button svg{width:18px}.sidebar nav button.active,.sidebar nav button:hover,.sidebar-foot button:hover{color:#fff;background:#272b28}.sidebar nav button.active{box-shadow:inset 3px 0 var(--lime)}.sidebar-foot{border-top:1px solid #292d2a;flex-direction:column;gap:4px;margin-top:auto;padding-top:15px;display:flex}.sidebar-foot button:first-child{color:var(--lime)}.main-area{flex-direction:column;min-width:0;display:flex}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#ebece2e0;border-bottom:1px solid #0a0c0b1f;align-items:center;min-height:92px;padding:16px clamp(20px,3vw,42px);display:flex;position:sticky;top:0}.topbar>div:first-of-type h1{letter-spacing:-.055em;margin:2px 0 0;font-size:31px;line-height:1}.menu{background:0 0;border:0;margin-right:8px;display:none}.user{align-items:center;gap:10px;margin-left:auto;display:flex}.user>span{border:2px solid var(--ink);background:var(--lime);border-radius:50%;place-items:center;width:41px;height:41px;font-size:11px;font-weight:900;display:grid}.user>div{flex-direction:column;display:flex}.user strong{font-size:11px}.user small{color:var(--muted);margin-top:2px;font-size:8px}.bell{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative}.bell svg{width:17px}.bell i{background:#e14c4c;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.demo-bar{color:#6f5300;background:#f8e9b9;border-bottom:1px solid #dbc987;justify-content:center;align-items:center;gap:6px;min-height:27px;padding:5px 16px;font-size:9px;font-weight:750;display:flex}.demo-bar svg{width:13px}.content{flex:1;padding:clamp(20px,2.5vw,38px)}.mobile-nav{display:none}.stack{flex-direction:column;gap:19px;display:flex}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fffffff0;padding:22px;box-shadow:0 7px 22px #1418120a}.page-panel{min-height:690px}.panel-title{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.panel-title h3{letter-spacing:-.045em;margin:5px 0 0;font-size:21px}.panel-title>button{color:var(--muted);background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:9px;font-weight:800;display:flex}.panel-title>button svg{width:14px}.empty{min-height:160px;color:var(--muted);align-content:center;place-items:center;gap:9px;font-size:11px;display:grid}.empty svg{color:#a7aaa4}.hero{min-height:206px;box-shadow:0 5px 0 var(--ink);border:1px solid #090b0ab3;border-radius:25px;justify-content:space-between;align-items:center;gap:28px;padding:30px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";border:70px solid #ffffff38;border-radius:50%;width:320px;height:320px;position:absolute;top:-190px;right:17%}.hero>*{z-index:1;position:relative}.hero.lime{background:var(--lime)}.hero.dark{background:var(--ink);color:#fff}.hero h2{letter-spacing:-.07em;margin:13px 0 6px;font-size:clamp(38px,4.2vw,65px);line-height:.9}.hero h2 small{letter-spacing:-.03em;font-size:.38em}.hero p{color:inherit;opacity:.7;margin:0;font-size:11px}.hero-progress{width:min(350px,36%)}.hero-progress>strong{letter-spacing:-.07em;font-size:45px}.hero-progress .progress{background:#ffffffa6;border:1px solid #090b0a40;margin:8px 0}.hero-progress .progress span{background:var(--ink)}.hero-progress>span{font-size:9px;font-weight:750}.hero-action{text-align:left;background:var(--lime);width:min(430px,44%);min-height:104px;color:var(--ink);border:0;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.hero-action>svg:first-child{background:#fff;border:1px solid #809633;border-radius:14px;width:53px;height:53px;padding:13px}.hero-action span{flex-direction:column;display:flex}.hero-action strong{font-size:15px}.hero-action small{color:#526100;margin-top:4px;font-size:8px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{border:1px solid var(--line);background:#fff;border-radius:19px;flex-direction:column;min-height:150px;padding:18px;display:flex}.stat-lime{background:var(--lime);border-color:#89a82a}.stat-dark{background:var(--ink);border-color:var(--ink);color:#fff}.stat header{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;font-weight:750;display:flex}.stat-dark header{color:#a9afa9}.stat header i{width:34px;height:34px;color:var(--ink);background:#f0f2eb;border-radius:11px;place-items:center;display:grid}.stat-lime header i,.stat-dark header i{color:inherit;background:#fff3}.stat>strong{letter-spacing:-.065em;margin:12px 0 6px;font-size:35px;line-height:1}.stat>small{color:var(--muted);margin-top:auto;font-size:9px}.stat-dark>small{color:#999f9b}.dashboard-grid{grid-template-columns:1fr 1fr minmax(220px,.62fr);gap:15px;display:grid}.workflow-row{border-bottom:1px solid #e8eae3;align-items:center;gap:11px;min-height:57px;display:flex}.workflow-row>span{border:1px solid var(--line);width:31px;height:31px;color:var(--muted);border-radius:10px;flex:none;place-items:center;font-size:9px;font-weight:900;display:grid}.workflow-row>span.done{background:var(--lime);color:var(--ink);border-color:#accf3d}.workflow-row>span.doing{color:#795500;background:#fff0c8;border-color:#d9bc6d}.workflow-row svg{width:14px}.workflow-row div{flex-direction:column;display:flex}.workflow-row strong{font-size:10px}.workflow-row small{color:var(--muted);margin-top:3px;font-size:8px}.audit-row{border-bottom:1px solid #e8eae3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:55px;display:grid}.audit-row i{color:#4d6900;background:#c6f34652;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.audit-row i svg{width:15px}.audit-row span{flex-direction:column;min-width:0;display:flex}.audit-row strong,.audit-row small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.audit-row strong{font-size:9px}.audit-row small{color:var(--muted);margin-top:3px;font-size:8px}.audit-row time{color:#8c918b;font-size:7px}.countdown{background:var(--ink);color:#fff;flex-direction:column;display:flex}.countdown>strong{letter-spacing:-.09em;color:var(--lime);margin-top:20px;font-size:78px;line-height:.9}.countdown>span{font-size:11px;font-weight:750}.countdown p{color:#9da49f;margin:20px 0;font-size:9px;line-height:1.6}.countdown button{color:var(--ink);background:#fff;margin-top:auto}.two-columns{grid-template-columns:1.4fr .6fr;gap:15px;display:grid}.event-row{border-bottom:1px solid #e8eae3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;min-height:65px;display:grid}.event-row>time{border:1px solid var(--line);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:43px;height:47px;display:flex}.event-row time b{font-size:16px}.event-row time small{text-transform:uppercase;font-size:7px}.event-row>span{flex-direction:column;min-width:0;display:flex}.event-row strong{font-size:10px}.event-row small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:8px;overflow:hidden}.lime-panel{background:var(--lime);border-color:#95b936}.lime-panel h3{letter-spacing:-.075em;margin:22px 0 7px;font-size:55px}.lime-panel p{font-size:10px;line-height:1.6}.lime-panel button{margin-top:15px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.page-heading h2{letter-spacing:-.065em;margin:6px 0 5px;font-size:clamp(30px,3.3vw,48px);line-height:.95}.page-heading p{max-width:650px;color:var(--muted);margin:0;font-size:11px}.capacity{background:#f2f4ed;border-radius:14px;grid-template-columns:minmax(200px,.34fr) 1fr;align-items:center;gap:25px;margin:25px 0 17px;padding:14px 16px;display:grid}.capacity div{flex-direction:column;display:flex}.capacity strong{font-size:11px}.capacity span{color:var(--muted);margin-top:3px;font-size:8px}.tools{justify-content:space-between;gap:13px;margin-bottom:16px;display:flex}.search{border:1px solid var(--line);color:#8b8f89;background:#f5f6f2;border-radius:12px;align-items:center;gap:8px;min-width:330px;min-height:42px;padding:0 12px;display:flex}.search svg{width:16px}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:9px}.filters,.segmented{background:#eff1eb;border-radius:12px;gap:4px;padding:4px;display:flex}.filters button,.segmented button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;padding:0 11px;font-size:9px;font-weight:800;display:flex}.filters button.active,.segmented button.active{background:var(--ink);color:#fff}.segmented svg{width:14px}.family-table{width:100%;overflow-x:auto}.table-head,.table-row{grid-template-columns:minmax(190px,1.25fr) .55fr .6fr 1fr .6fr .55fr;align-items:center;gap:12px;min-width:900px;display:grid}.table-head{min-height:37px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:#eff1eb;border-radius:10px;padding:0 12px;font-size:8px;font-weight:850}.table-row{border-bottom:1px solid #e7e9e2;min-height:73px;padding:8px 12px;font-size:9px}.table-row>span{flex-direction:column;gap:3px;display:flex}.table-row>span>small{color:var(--muted);font-size:8px}.family-cell{text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:flex}.family-cell>b{background:var(--lime);border-radius:12px;place-items:center;width:42px;height:42px;font-size:9px;display:grid}.family-cell>span{flex-direction:column;min-width:0;display:flex}.family-cell strong,.family-cell small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.family-cell strong{font-size:10px}.family-cell small{color:var(--muted);margin-top:3px;font-size:8px}.score{align-items:flex-start}.score b{font-size:13px}.toggle{color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;display:flex}.toggle i{background:#d8dbd4;border-radius:20px;width:28px;height:17px;padding:3px;display:block}.toggle i:after{content:"";background:#fff;border-radius:50%;width:11px;height:11px;transition:all .2s;display:block}.toggle.on i{background:var(--lime2)}.toggle.on i:after{background:var(--ink);transform:translate(11px)}.toggle b{font-size:8px}.legal-note{color:var(--muted);margin:18px 0 0;font-size:8px}.prep-grid{grid-template-columns:minmax(0,1fr) 320px;gap:16px;display:grid}.step-row{text-align:left;background:0 0;border:0;border-bottom:1px solid #e7e9e2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;min-height:85px;padding:12px 0;display:grid}.step-row>span{border:1px solid var(--line);border-radius:13px;place-items:center;width:43px;height:43px;font-size:11px;font-weight:900;display:grid}.step-row.done>span{background:var(--lime);border-color:#a3c93a}.step-row.in_progress>span{background:#fff0c8;border-color:#e4c97f}.step-row>span svg{width:18px}.step-row>div{min-width:0}.step-row strong{font-size:11px}.step-row p{color:#4f544f;margin:4px 0;font-size:9px}.step-row small{color:var(--muted);font-size:8px}.supplier{background:var(--ink);color:#fff;flex-direction:column;display:flex}.supplier>svg{width:66px;height:66px;color:var(--lime);background:#252a27;border-radius:17px;padding:15px}.supplier .eyebrow{color:var(--lime);margin-top:28px}.supplier h3{letter-spacing:-.05em;margin:7px 0;font-size:28px}.supplier p{color:#a2a8a3;font-size:9px;line-height:1.6}.supplier a,.supplier>button{min-height:46px;color:var(--ink);background:var(--lime);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:0 12px;font-size:9px;font-weight:850;text-decoration:none;display:flex}.supplier a svg,.supplier>button svg{width:17px}.step-actionable{cursor:pointer;transition:background .2s,transform .2s}.step-actionable:hover{background:#f4f6ef;border-radius:12px;padding-inline:10px;transform:translate(2px)}.step-open{color:#696f69;align-items:center;gap:3px;border:0!important;width:auto!important;height:auto!important;display:flex!important}.step-open small{font-size:8px;font-weight:850}.step-open svg{width:15px!important}.prep-step-modal{width:min(980px,100%)}.prep-step-modal h2{max-width:760px}.prep-modal-intro{max-width:730px;color:var(--muted);margin:-8px 0 18px;font-size:10px;line-height:1.6}.prep-modal-kpis{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 18px;display:grid}.prep-modal-kpis span{background:#f0f2eb;border-radius:13px;flex-direction:column;justify-content:center;min-height:76px;padding:13px;display:flex}.prep-modal-kpis b{letter-spacing:-.05em;font-size:23px}.prep-modal-kpis small{color:var(--muted);margin-top:4px;font-size:8px}.modal-section-head{justify-content:space-between;align-items:center;gap:12px;margin:16px 0 9px;display:flex}.modal-section-head>div{flex-direction:column;display:flex}.modal-section-head strong{font-size:12px}.modal-section-head small{color:var(--muted);margin-top:3px;font-size:8px}.selection-grid-modal{max-height:410px;padding-right:5px;overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr))!important}.selection-grid article header>span{flex-direction:column;min-width:0;display:flex}.selection-grid article header small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;overflow:hidden}.order-preview{border:1px solid var(--line);background:#f7f8f4;border-radius:14px;max-height:290px;margin:14px 0;padding:14px 16px;overflow:auto}.order-preview header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.order-preview header strong{font-size:11px}.order-preview>div{border-bottom:1px solid #e2e5dc;justify-content:space-between;align-items:center;gap:15px;min-height:35px;font-size:9px;display:flex}.order-preview>div b{white-space:nowrap}.message-preview textarea{min-height:210px;font:500 10px/1.6 var(--font-app)}.modal-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.modal-actions.three{grid-template-columns:repeat(3,1fr)}.modal-actions button{justify-content:center;min-height:44px}.attachment-note{color:var(--muted);margin-top:8px;font-size:8px;display:block}.prep-focus-card{background:#f4f6ef;border:1px solid #dfe2d8;border-radius:15px;align-items:center;gap:13px;margin:18px 0;padding:18px;display:flex}.prep-focus-card>svg{background:var(--lime);border-radius:13px;flex:none;width:50px;height:50px;padding:12px}.prep-focus-card>span{flex-direction:column;display:flex}.prep-focus-card strong{font-size:12px}.prep-focus-card small{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.5}.action-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-links a,.action-links button{justify-content:center;align-items:center;gap:7px;min-height:44px;text-decoration:none;display:flex}.reception-checks{grid-template-columns:1fr 1fr;gap:7px;margin:14px 0;display:grid}.reception-checks span{background:#f1f3ec;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:9px;font-size:8px;font-weight:750;display:flex}.reception-checks svg{color:#698616;width:15px}.prep-modal-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.prep-modal-footer>span{flex-direction:column;display:flex}.prep-modal-footer b{font-size:9px}.prep-modal-footer small{color:var(--muted);margin-top:3px;font-size:8px}.prep-modal-footer>button{justify-content:center;align-items:center;gap:6px;min-height:42px;display:flex}.shopping{max-width:900px}.shopping-row{border-bottom:1px solid #e8eae3;grid-template-columns:33px auto 1fr auto;align-items:center;gap:11px;min-height:48px;display:grid}.shopping-row>b{color:#999e98;font-size:9px}.shopping-row>strong{font-size:11px}.shopping-row>span{border-bottom:1px dotted #c9ccc5}.shopping-row>em{font-size:11px;font-style:normal;font-weight:850}.package-layout{grid-template-columns:210px minmax(0,700px);align-items:start;gap:15px;display:grid}.family-picker{background:var(--ink);color:#fff;border-radius:18px;flex-direction:column;gap:5px;max-height:700px;padding:12px;display:flex;overflow:auto}.family-picker>strong{color:#a9aea9;text-transform:uppercase;padding:11px 9px;font-size:9px}.family-picker button{color:#b5bbb6;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;min-height:42px;padding:0 10px;font-size:9px;display:flex}.family-picker button.active{color:var(--ink);background:var(--lime);font-weight:900}.family-picker small{font-size:8px}.package-sheet{min-height:600px}.package-sheet>header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.package-sheet>header>div{flex-direction:column;align-items:flex-end;display:flex}.package-sheet>header span{letter-spacing:.1em;font-size:8px;font-weight:850}.package-sheet>header strong{letter-spacing:-.05em;font-size:27px}.package-meta{flex-wrap:wrap;gap:8px;padding:15px 0;display:flex}.package-meta>span{background:#f2f3ee;border-radius:10px;align-items:center;gap:7px;padding:8px 10px;font-size:9px;display:flex}.package-meta svg{width:15px}.package-meta .needs{color:#6d4d00;background:#fff1ca}.package-checks button{text-align:left;background:#fff;border:0;border-bottom:1px solid #e7e9e2;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:67px;padding:8px 10px;display:grid}.package-checks button>i{border:1.5px solid #adb1aa;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.package-checks button>i svg{width:17px}.package-checks button.checked>i{background:var(--lime);border-color:#89a827}.package-checks button.checked{opacity:.68}.package-checks button>span{flex-direction:column;display:flex}.package-checks strong{font-size:11px}.package-checks small{color:var(--muted);margin-top:4px;font-size:8px}.package-checks button>b{font-size:10px}.scanner-page{grid-template-columns:minmax(380px,620px) 290px;justify-content:center;align-items:center;gap:22px;min-height:700px;display:grid}.scanner-card{background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:25px;padding:30px}.scanner-card h2{letter-spacing:-.06em;margin:12px 0 5px;font-size:36px}.scanner-card>p{color:#a0a6a1;margin:0 0 20px;font-size:9px}.camera{aspect-ratio:16/9;background:#191d1a;border:1px solid #4b514d;border-radius:17px;place-items:center;margin:14px 0;display:grid;position:relative;overflow:hidden}.camera video{object-fit:cover;width:100%;height:100%}.camera>span{color:#8e9690;flex-direction:column;align-items:center;gap:9px;font-size:9px;display:flex}.camera>span svg{stroke-width:1.2px;width:70px;height:70px}.camera>i{background:var(--lime);width:90%;height:2px;box-shadow:0 0 15px var(--lime);opacity:0;position:absolute;top:50%}.camera.active>i{opacity:1;animation:2s ease-in-out infinite scan}@keyframes scan{0%,to{transform:translateY(-90px)}50%{transform:translateY(90px)}}.divider{color:#7f8581;justify-content:center;align-items:center;gap:8px;margin:14px 0;font-size:8px;display:flex}.manual{grid-template-columns:1fr 48px;gap:7px;display:grid}.manual input{color:#fff;letter-spacing:.15em;text-align:center;background:#1f2421;border:1px solid #474d49;border-radius:12px;min-width:0;height:48px;padding:0 15px;font-size:22px}.manual button{background:#fff;border:0;border-radius:12px}.demo-link{color:#a2a8a4;width:100%;margin-top:14px}.demo-link svg{vertical-align:middle;width:14px}.scan-points{flex-direction:column;gap:10px;display:flex}.scan-points>div{border:1px solid var(--line);background:#ffffffde;border-radius:16px;gap:11px;min-height:110px;padding:17px;display:flex}.scan-points svg{color:#5b760d;width:27px}.scan-points span{flex-direction:column;display:flex}.scan-points strong{font-size:10px}.scan-points small{color:var(--muted);margin-top:5px;font-size:8px;line-height:1.5}.modal-bg,.drawer-bg{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050706a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.action-modal,.form-modal,.family-form{background:#fff;border-radius:24px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:27px;position:relative;overflow:auto;box-shadow:0 25px 80px #00000040}.close{z-index:2;background:#eef0ea;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:16px;right:16px}.close svg{width:18px}.scan-code{align-items:center;gap:13px;display:flex}.scan-code>svg{background:var(--lime);border:2px solid var(--ink);border-radius:50%;width:51px;height:51px;padding:11px}.scan-code>span{flex-direction:column;display:flex}.scan-code small{letter-spacing:.12em;color:var(--muted);font-size:8px;font-weight:850}.scan-code strong{letter-spacing:-.06em;font-size:30px}.action-modal>p{color:var(--muted);font-size:10px}.action-modal>h3{margin-top:22px;font-size:13px}.alert,.zakat-note{color:#694b00;background:#fff1c9;border-radius:12px;align-items:flex-start;gap:9px;margin:13px 0;padding:11px;display:flex}.alert svg,.zakat-note svg{flex:none;width:17px}.alert span,.zakat-note span{flex-direction:column;display:flex}.alert small,.zakat-note small{letter-spacing:.08em;font-size:7px;font-weight:850}.alert strong,.zakat-note strong{margin-top:3px;font-size:9px}.action-list{flex-direction:column;gap:7px;display:flex}.action-list button{border:1px solid var(--line);text-align:left;background:#f8f9f5;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:9px 11px;display:grid}.action-list button>svg:first-child{background:#fff;border-radius:10px;width:37px;height:37px;padding:9px}.action-list button>svg:last-child{color:#9da19a;width:16px}.action-list span{flex-direction:column;display:flex}.action-list strong{font-size:9px}.action-list small{color:var(--muted);margin-top:3px;font-size:8px}.calendar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.month-card{border:1px solid var(--line);background:#ffffffeb;border-radius:17px;min-height:210px;padding:16px}.month-card>header{text-transform:capitalize;border-bottom:1px solid #e3e5de;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;display:flex}.month-card>header strong{font-size:12px}.month-card>header span{background:#eef0e9;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.calendar-event{border-left:3px solid var(--lime2);background:#f2f4ed;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:57px;margin-bottom:7px;padding:7px;display:grid}.calendar-event>time{background:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:900;display:grid}.calendar-event>span{flex-direction:column;min-width:0;display:flex}.calendar-event strong,.calendar-event small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calendar-event strong{font-size:8px}.calendar-event small{color:var(--muted);margin-top:3px;font-size:7px}.calendar-event>button{background:var(--ink);color:#fff;border:0;border-radius:7px;padding:5px;font-size:7px}.type-distribution{border-left-color:#111}.type-contact{border-left-color:var(--gold)}.form-modal h2,.family-form h2{letter-spacing:-.055em;margin:6px 0 17px;font-size:31px}.team-grid,.missions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.volunteer-card,.mission-card{border:1px solid var(--line);background:#ffffffed;border-radius:18px;flex-direction:column;min-height:275px;padding:19px;display:flex}.volunteer-card>header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.volunteer-card>header>.avatar-wrap{border:1px solid var(--ink);background:var(--lime);border-radius:50%;place-items:center;width:43px;height:43px;font-size:10px;font-weight:900;display:grid}.volunteer-card header>div{flex-direction:column;min-width:0;display:flex}.volunteer-card strong{font-size:11px}.volunteer-card small{color:var(--muted);margin-top:3px;font-size:8px}.skill-list{flex-wrap:wrap;gap:5px;margin:18px 0 8px;display:flex}.skill-list span{color:#50554f;background:#eff1eb;border-radius:7px;padding:5px 7px;font-size:8px;font-weight:750}.volunteer-card>p{color:var(--muted);font-size:9px}.volunteer-credentials{flex-direction:column;gap:7px;margin:8px 0 14px;display:flex}.volunteer-credentials span{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.volunteer-credentials code{overflow-wrap:anywhere;max-width:100%;color:var(--ink);font-size:9px;font-weight:800}.volunteer-card>footer{border-top:1px solid #e4e6df;justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:13px;display:flex}.volunteer-card footer>div{gap:5px;display:flex}.volunteer-card footer button{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:30px;padding:0 8px;font-size:8px;font-weight:800}.volunteer-card footer button.approve{background:var(--lime);border-color:#9abc33}.mission-card>header{justify-content:space-between;align-items:center;display:flex}.mission-card>header>span{color:var(--muted);font-size:8px}.mission-card h3{letter-spacing:-.045em;margin:20px 0 7px;font-size:20px}.mission-card>p{color:var(--muted);font-size:9px;line-height:1.6}.mission-progress{margin-top:auto}.mission-progress>span{color:var(--muted);margin-bottom:7px;font-size:8px;display:block}.mission-progress b{color:var(--ink);font-size:12px}.mission-actions{grid-template-columns:.65fr 1.35fr;gap:6px;margin-top:14px;display:grid}.mission-actions button{border:1px solid var(--line);background:#f5f6f2;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:39px;font-size:8px;font-weight:850;display:flex}.mission-actions svg{width:14px}.mission-actions .active-yes{background:var(--lime);border-color:#8dac2c}.mission-actions .active-no{background:#ffe3e3;border-color:#dc9a9a}.reports-grid{grid-template-columns:340px minmax(0,1fr);gap:15px;display:grid}.public-report{background:var(--lime);border-color:#93b634}.public-report pre{white-space:pre-wrap;font:750 12px/1.9 var(--font-app);margin:20px 0}.log-table{max-height:590px;overflow:auto}.drawer-bg{place-items:stretch end;padding:0}.drawer{background:#fff;width:min(520px,100%);height:100vh;padding:30px;position:relative;overflow:auto;box-shadow:-20px 0 60px #0003}.drawer-head{align-items:center;gap:14px;padding-right:50px;display:flex}.drawer-head>span{border:2px solid var(--ink);background:var(--lime);border-radius:18px;place-items:center;width:70px;height:70px;font-size:22px;font-weight:900;display:grid}.drawer-head h2{letter-spacing:-.06em;margin:4px 0 0;font-size:32px}.drawer-head p{color:var(--muted);margin:0;font-size:10px}.qr-card{border:1px solid var(--line);background:#f7f8f4;border-radius:17px;flex-direction:column;align-items:center;gap:8px;margin:22px 0 10px;padding:18px;display:flex}.qr-card .brand{align-self:stretch}.qr-card>strong{font-size:22px}.qr-card>small{color:var(--muted);font-size:8px}.drawer section{border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.drawer section h3{margin:0 0 10px;font-size:12px}.drawer section p{color:#555a55;font-size:10px;line-height:1.6}.detail-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.detail-grid span{color:var(--muted);background:#f2f4ee;border-radius:9px;flex-direction:column;padding:9px;font-size:8px;display:flex}.detail-grid b{color:var(--ink);margin-top:3px;font-size:10px}.drawer select,.drawer textarea{margin-bottom:8px}.drawer>.whatsapp{margin-top:20px}.zakat-note{background:#fff3cc}.family-form{width:min(840px,100%)}.form-section{border:1px solid var(--line);border-radius:15px;margin-top:18px;padding:15px}.form-section h3{margin:0 0 10px;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.form-grid label{color:#434843;flex-direction:column;gap:6px;font-size:9px;font-weight:750;display:flex}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:#f7f8f4;border-radius:10px;width:100%;min-height:42px;padding:9px 11px;font-size:10px}.form-grid textarea{resize:vertical}.ocr-box{text-align:center;background:#f3f5ef;border:1px dashed #9ca198;border-radius:15px;flex-direction:column;align-items:center;margin:14px 0;padding:20px;display:flex}.ocr-box>svg{color:#5e750f;width:42px;height:42px}.ocr-box h3{margin:9px 0 5px;font-size:14px}.ocr-box p{max-width:590px;color:var(--muted);margin:0 0 12px;font-size:9px;line-height:1.5}.consent{color:var(--muted);background:#f1f3ec;border-radius:11px;gap:9px;margin:15px 0;padding:11px;display:flex}.consent svg{flex:none;width:18px}.consent p{margin:0;font-size:8px;line-height:1.5}.toast{z-index:200;background:var(--lime);max-width:min(430px,100vw - 24px);min-height:46px;box-shadow:var(--shadow);border:1px solid #5d760f;border-radius:13px;align-items:center;gap:8px;padding:0 16px;font-size:10px;font-weight:800;transition:all .3s;display:flex;position:fixed;bottom:-90px;left:50%;transform:translate(-50%)}.toast.show{bottom:24px}.toast svg{width:17px}@media (max-width:1180px){.app-shell{grid-template-columns:94px minmax(0,1fr)}.sidebar{align-items:center;padding-inline:10px}.sidebar-head .brand img{width:62px}.sidebar-head .brand>span{display:none}.sidebar nav,.sidebar-foot{width:100%}.sidebar nav button,.sidebar-foot button{justify-content:center;padding:0;font-size:0}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid .countdown{grid-column:1/-1;min-height:240px}.calendar-grid{grid-template-columns:repeat(3,1fr)}.team-grid,.missions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.prep-step-modal{border-radius:19px;padding:22px 16px}.prep-step-modal h2{padding-right:34px;font-size:28px}.prep-modal-kpis{grid-template-columns:repeat(3,1fr)}.prep-modal-kpis span{min-height:68px;padding:9px}.prep-modal-kpis b{font-size:19px}.selection-grid-modal{max-height:48vh;grid-template-columns:1fr!important}.modal-actions,.modal-actions.three,.action-links,.reception-checks{grid-template-columns:1fr}.prep-modal-footer{flex-direction:column;align-items:stretch}.prep-modal-footer>button{width:100%}.login-page{grid-template-columns:1fr}.login-brand{min-height:430px}.login-promise{margin:55px 0}.login-promise h1{font-size:67px}.login-panel{min-height:auto;padding:30px 18px 60px}.app-bg{background:var(--cream);padding:0}.app-shell{border:0;border-radius:0;min-height:100vh;display:block}.sidebar{z-index:80;align-items:stretch;width:min(310px,86vw);height:100vh;min-height:0;padding:18px;transition:all .25s;position:fixed;top:0;left:-100%;box-shadow:20px 0 55px #00000047}.sidebar.open{left:0}.sidebar-head{justify-content:space-between;align-items:center;display:flex}.sidebar-head .brand img{width:70px}.sidebar-head .brand>span{display:flex}.sidebar-head>button{color:#fff;background:#272b28;border:0;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.sidebar nav button,.sidebar-foot button{justify-content:flex-start;padding:0 13px;font-size:11px}.topbar{min-height:77px;padding:12px 15px}.menu{place-items:center;display:grid}.user>div{display:none}.content{padding:18px 15px 90px}.mobile-nav{height:68px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:45;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090b0af5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.mobile-nav button{color:#929993;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:7px;font-weight:700;display:flex}.mobile-nav button svg{width:18px}.mobile-nav button.active{color:var(--lime);background:#282d29}.hero{flex-direction:column;align-items:stretch}.hero-progress,.hero-action{width:100%}.stats-grid,.stats-grid.three{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.two-columns,.prep-grid,.scanner-page,.reports-grid{grid-template-columns:1fr}.dashboard-grid .countdown{grid-column:auto}.page-heading{flex-direction:column;align-items:flex-start}.tools{flex-direction:column}.search{min-width:0}.filters{width:100%;overflow:auto}.calendar-grid{grid-template-columns:repeat(2,1fr)}.package-layout{grid-template-columns:1fr}.family-picker{flex-direction:row;overflow:auto}.family-picker>strong{display:none}.family-picker button{min-width:85px}.scan-points{grid-template-columns:repeat(3,1fr);display:grid}.scan-points>div{flex-direction:column;min-height:130px}}@media (max-width:560px){.login-brand{min-height:380px;padding:28px 22px}.login-brand .brand img{width:95px}.login-promise{margin:45px 0}.login-promise h1{font-size:53px}.login-promise>p{font-size:12px}.promise-list{display:none}.login-box{padding:23px 18px}.login-box h2{font-size:34px}.role-cards{grid-template-columns:1fr}.role-cards button{min-height:104px}.topbar .eyebrow{display:none}.topbar>div:first-of-type h1{font-size:24px}.bell{display:none}.stats-grid,.stats-grid.three{grid-template-columns:1fr 1fr;gap:8px}.stat{min-height:135px;padding:14px}.stat>strong{font-size:29px}.hero{min-height:260px;padding:22px}.hero h2{font-size:42px}.hero-action{grid-template-columns:auto 1fr}.hero-action>svg:last-child{display:none}.dashboard-grid,.two-columns{grid-template-columns:1fr}.page-heading h2{font-size:36px}.page-heading>button,.page-heading>.segmented{width:100%}.segmented{overflow:auto}.segmented button{white-space:nowrap;flex:1;justify-content:center}.capacity{grid-template-columns:1fr;gap:9px}.calendar-grid,.team-grid,.missions-grid{grid-template-columns:1fr}.month-card{min-height:150px}.scanner-page{min-height:auto}.scanner-card{padding:20px}.scanner-card h2{font-size:30px}.scan-points{grid-template-columns:1fr}.scan-points>div{flex-direction:row;min-height:80px}.package-sheet>header .brand>span{display:none}.two-fields,.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.modal-bg{align-items:end;padding:8px}.action-modal,.form-modal,.family-form{border-radius:22px 22px 10px 10px;max-height:92vh;padding:22px 17px}.drawer{padding:25px 18px}}@media print{body *{visibility:hidden}.drawer,.drawer .qr-card,.drawer .qr-card *{visibility:visible}.drawer{width:100%;position:absolute;inset:0}.drawer .qr-card{border:2px solid #000;width:400px;margin:auto}}.pill-danger{color:#8d1010;background:#ffe1df;border-color:#e7aaa5}.stat-button,.hero-click,.event-button{font:inherit;color:inherit;text-align:left;cursor:pointer}.stat-button{width:100%}.stat-button:hover,.hero-click:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0a0c0b1f}.auth-note{color:#4e564e;background:#f2f4ed;border-radius:12px;gap:10px;margin-top:16px;padding:12px;font-size:9px;line-height:1.5;display:flex}.auth-note svg{color:#466300;flex:none;width:20px}.remember{align-items:center;gap:8px;margin:12px 0;font-size:9px;font-weight:750;display:flex}.remember small{color:var(--muted);margin-left:auto}.preference-box{grid-template-columns:1fr 1fr;display:grid!important}.preference-box label{background:#f5f6f2;border-radius:9px;align-items:center;gap:7px;min-height:42px;padding:8px;display:flex}.preference-box input:checked+span{color:#476100;font-weight:900}.user-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.user-button{cursor:pointer;background:0 0;border:0;border-radius:13px;margin-left:0;padding:5px}.user-button:hover{background:#ffffffb3}.user-button>span{overflow:hidden}.user-button>span img,.avatar-wrap img,.profile-modal header>span img{object-fit:cover;width:100%;height:100%}.user-button>svg{width:15px}.split-metric{grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 18px;display:grid}.split-metric span{background:#f2f4ed;border-radius:13px;flex-direction:column;padding:15px;display:flex}.split-metric b{letter-spacing:-.06em;font-size:28px}.split-metric small{color:var(--muted);font-size:8px}.whatsapp-card{color:#fff;background:#153e2b}.whatsapp-card>svg{width:42px;height:42px;color:var(--lime)}.whatsapp-card p{color:#afc0b7;font-size:9px;line-height:1.6}.whatsapp-card a{margin-top:15px;text-decoration:none}.date-banner{background:var(--ink);color:#fff;border-radius:17px;align-items:center;gap:14px;padding:15px 18px;display:flex}.date-banner>svg{width:32px;color:var(--lime)}.date-banner>span{flex-direction:column;display:flex}.date-banner small{color:var(--lime);font-size:8px;font-weight:850}.date-banner strong{margin-top:3px;font-size:14px}.date-banner>div{grid-template-columns:auto 1fr;align-items:center;gap:10px;width:min(360px,40%);margin-left:auto;display:grid}.date-banner>div b{color:var(--lime);font-size:24px}.segmented.big{flex-wrap:wrap;align-self:flex-start}.supplier img{object-fit:contain;background:#fff;border-radius:14px;width:145px;max-height:80px;padding:10px}.packages-v3{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:16px;display:grid}.claim-list{flex-direction:column;gap:6px;display:flex;position:sticky;top:120px}.claim-list>button{border:1px solid var(--line);text-align:left;background:#f5f6f2;border-radius:11px;justify-content:space-between;align-items:center;min-height:54px;padding:9px 11px;display:flex}.claim-list>button span{flex-direction:column;display:flex}.claim-list>button small{color:var(--muted);margin-top:3px;font-size:8px}.claim-list>button svg{width:17px}.claim-list>button.claimed{background:var(--lime);border-color:#90b526}.package-card header{justify-content:space-between;align-items:center;display:flex}.package-card header button{text-align:left;background:0 0;border:0;flex-direction:column;display:flex}.package-card header b{font-size:22px}.package-card header span{color:var(--muted);font-size:9px}.package-card>label{border-bottom:1px solid #e7e9e2;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:54px;padding:0 12px;display:grid}.package-card>label span{flex-direction:column;display:flex}.package-card>label small{color:var(--muted);font-size:8px}.package-card>label>svg{opacity:.15;width:17px}.package-card>label.checked{background:#f1f8d7}.package-card>label.checked>svg{opacity:1;color:#547000}.selection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.selection-grid article{border:1px solid var(--line);background:#f6f7f3;border-radius:13px;flex-direction:column;gap:8px;padding:13px;display:flex}.selection-grid article.selected{background:#f5fbdc;border-color:#8fb326}.selection-grid header{justify-content:space-between;align-items:center;display:flex}.selection-grid select,.selection-grid input{border:1px solid var(--line);background:#fff;border-radius:9px;width:100%;min-height:38px;padding:0 9px;font-size:8px}.distribution-summary{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.distribution-summary button{border:1px solid var(--line);text-align:left;background:#f5f6f2;border-radius:15px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;min-height:110px;padding:18px;display:grid}.distribution-summary button>svg:first-child{width:30px}.distribution-summary button b{font-size:32px}.distribution-summary button span{font-size:10px;font-weight:800}.delivery-row{border-bottom:1px solid #e7e9e2;justify-content:space-between;align-items:center;min-height:64px;display:flex}.delivery-row>button:first-child{text-align:left;background:0 0;border:0;flex-direction:column;display:flex}.delivery-row small{color:var(--muted)}.delivery-grid{grid-template-columns:minmax(300px,.72fr) 1fr;align-items:start;gap:16px;display:grid}.map-board{background:#dfe4d4;min-height:500px;position:sticky;top:120px;overflow:hidden}.map-board>svg{color:#486000;width:44px}.map-board p{color:#586058;font-size:9px}.map-pins{background:linear-gradient(27deg,#0000 48%,#495e412e 49% 51%,#0000 52%),linear-gradient(130deg,#0000 48%,#495e4124 49% 51%,#0000 52%),#eef1e7;border-radius:16px;height:340px;margin-top:20px;position:relative}.map-pins a{color:#fff;background:#d63d35;border:3px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;font-weight:900;text-decoration:none;display:grid;position:absolute;box-shadow:0 3px 9px #00000038}.delivery-card header{justify-content:space-between;gap:10px;display:flex}.delivery-card header span{align-items:center;gap:9px;display:flex}.delivery-card header i{background:var(--lime);border-radius:9px;place-items:center;width:28px;height:28px;font-style:normal;font-weight:900;display:grid}.delivery-card p{color:#4c524c;align-items:center;gap:7px;margin:9px 0;font-size:9px;display:flex}.delivery-card p svg{width:15px}.delivery-card>div{gap:8px;margin-top:12px;display:flex}.delivery-card>div>*{flex:1}.danger-alert{color:#851a15;background:#ffe4e1;border:1px solid #e4aaa5;border-radius:13px;gap:12px;margin:12px 0;padding:14px;display:flex}.danger-alert>svg{flex:none;width:27px}.danger-alert span{flex-direction:column;display:flex}.danger-alert small{font-size:8px;font-weight:900}.danger-alert strong{margin-top:3px;font-size:15px}.danger-alert p{margin:5px 0 0;font-size:9px;line-height:1.4}.scanner-box video{object-fit:cover;border-radius:14px;width:100%;height:100%}.calendar-legend{flex-wrap:wrap;gap:8px;display:flex}.calendar-legend span{border:1px solid var(--line);text-transform:capitalize;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:8px;display:flex}.calendar-legend i{border-radius:50%;width:9px;height:9px}.year-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.month-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:17px}.month-card>header{justify-content:space-between;align-items:center;display:flex}.month-card h3{text-transform:capitalize;margin:0}.month-card>header span{color:var(--muted);font-size:8px}.week-head,.month-days{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.week-head{color:var(--muted);text-align:center;margin:13px 0 5px;font-size:7px}.month-days button{aspect-ratio:1;background:#f3f4ef;border:0;border-radius:7px;padding:0;font-size:8px}.month-days button.has-event{font-weight:900;box-shadow:inset 0 0 0 1px #0000002b}.month-event{text-align:left;background:0 0;border:0;align-items:center;gap:7px;width:100%;margin-top:8px;padding:5px 0;display:flex}.month-event>i{border-radius:5px;width:7px;height:26px}.month-event span{flex-direction:column;min-width:0;display:flex}.month-event b,.month-event small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.month-event b{font-size:8px}.month-event small{color:var(--muted);font-size:7px}.event-button{background:0 0;border-top:0;border-left:0;border-right:0;width:100%}.decision-box{grid-template-columns:1fr auto auto;gap:7px;margin-top:14px;display:grid}.decision-box input{border:1px solid var(--line);border-radius:9px;min-height:40px;padding:0 10px}.decision-box button,.reset-row button,.responses button{border:0;border-radius:9px;padding:0 11px;font-size:8px;font-weight:850}.approve{background:var(--lime)!important;color:var(--ink)!important}.avatar-wrap{position:relative;overflow:visible!important}.avatar-wrap i{border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.avatar-wrap i.online{background:#41c66a}.avatar-wrap i.offline{background:#aeb3ae}.reset-row{border-bottom:1px solid #e7e9e2;grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-height:60px;display:grid}.reset-row span{flex-direction:column;display:flex}.reset-row small{color:var(--muted);margin-top:3px;font-size:8px}.responses{margin-top:12px}.responses>div{border-top:1px solid #e7e9e2;grid-template-columns:1fr auto auto;align-items:center;gap:6px;min-height:42px;display:grid}.responses span{flex-direction:column;font-size:9px;font-weight:800;display:flex}.responses small{color:var(--muted);font-size:7px}.report-actions{gap:8px;display:flex}.reports-history{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.reports-history button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:13px;justify-content:space-between;align-items:center;min-height:78px;padding:13px;display:flex}.reports-history button.active{background:#f2f8d8;border-color:#7c9d1f}.reports-history span{flex-direction:column;display:flex}.reports-history small{color:var(--muted);margin-top:4px;font-size:8px}.reports-history strong{font-size:22px}.report-document{background:#fff;border:1px solid #bfc3bb;padding:45px;box-shadow:0 15px 40px #00000014}.report-document>header{border-bottom:3px solid var(--ink);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding-bottom:25px;display:grid}.report-document h2{margin:5px 0;font-size:32px}.report-document header p{color:var(--muted);margin:0}.report-kpis{grid-template-columns:repeat(4,1fr);gap:10px;margin:35px 0;display:grid}.report-kpis span{background:#f2f4ed;border-radius:12px;flex-direction:column;padding:20px;display:flex}.report-kpis b{font-size:32px}.report-kpis small{color:var(--muted)}.report-document>footer{grid-template-columns:1fr 1fr;gap:50px;margin-top:80px;display:grid}.report-document>footer span{border-top:1px solid var(--ink);padding-top:12px;font-size:9px;line-height:2}.ramadan-page{--ramadan:#123a2c}.ramadan-hero{color:#fff;background:radial-gradient(circle at 80% 20%,#b88f2e 0 2%,#0000 2.2%),linear-gradient(135deg,#0d291f,#19523c);border-radius:22px;align-items:center;gap:18px;padding:28px;display:flex}.ramadan-hero>svg{color:#f1c75e;width:70px;height:70px}.ramadan-hero span{flex-direction:column;display:flex}.ramadan-hero h2{margin:4px 0;font-size:35px}.ramadan-hero p{color:#bfd1c7;margin:0}.ramadan-hero label{background:#ffffff1a;border-radius:12px;margin-left:auto;padding:12px;font-size:8px}.ramadan-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;display:grid}.ramadan-grid button{text-align:left;background:#edf3ef;border:1px solid #b9c9bf;border-radius:14px;flex-direction:column;min-height:155px;padding:13px;display:flex}.ramadan-grid button.last-ten{color:#fff;background:#123a2c;border-color:#d6ae50;box-shadow:inset 0 0 0 2px #d6ae5059}.ramadan-grid small{text-transform:uppercase;font-size:7px}.ramadan-grid b{color:#b78e2d;margin:7px 0;font-size:29px}.ramadan-grid span{font-size:8px;font-weight:850}.ramadan-grid p{margin-top:auto;font-size:7px;line-height:1.4}.ramadan-modal>svg{color:#b78e2d;width:40px}.profile-modal{background:#fff;border-radius:22px;width:min(620px,100vw - 28px);max-height:92vh;padding:25px;position:relative;overflow:auto;box-shadow:0 30px 80px #0000004d}.profile-modal>header{align-items:center;gap:15px;display:flex}.profile-modal header>span{background:var(--lime);border:2px solid var(--ink);border-radius:50%;place-items:center;width:66px;height:66px;font-size:18px;font-weight:900;display:grid;overflow:hidden}.profile-modal header>div{flex-direction:column;display:flex}.profile-modal h2{margin:6px 0 2px}.profile-modal header p{color:var(--muted);margin:0}.profile-modal>.segmented{margin:20px 0}@media (max-width:1100px){.selection-grid,.year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ramadan-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.packages-v3,.delivery-grid{grid-template-columns:1fr}.claim-list,.map-board{position:static}.dashboard-grid.v3{grid-template-columns:1fr 1fr}.dashboard-grid.v3>:last-child{grid-column:1/-1}}@media (max-width:700px){.preference-box,.selection-grid,.year-grid,.distribution-summary,.reports-history,.report-kpis{grid-template-columns:1fr}.ramadan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-banner{flex-wrap:wrap;align-items:flex-start}.date-banner>div{width:100%;margin-left:0}.delivery-grid{display:block}.map-board{margin-bottom:12px}.report-document{padding:20px}.report-document>header{grid-template-columns:1fr}.report-document>header img{width:130px;height:auto}.report-document>footer{grid-template-columns:1fr}.report-actions{flex-direction:column}.user-button>div{display:none}.reset-row{grid-template-columns:1fr 1fr}.reset-row span{grid-column:1/-1}.ramadan-hero{flex-wrap:wrap;align-items:flex-start}.ramadan-hero label{width:100%;margin-left:0}.packages-v3{display:block}.claim-list{margin-bottom:12px}}.preparation-workspace{gap:18px}.organization-banner{color:#fff;background:radial-gradient(circle at 85% -15%,#c6f34652 0 30%,#0000 31%),#07100c;border:1px solid #00000021;border-radius:24px;grid-template-columns:auto minmax(260px,1fr) minmax(360px,.9fr) auto;align-items:center;gap:20px;min-height:220px;padding:24px;display:grid;overflow:hidden;box-shadow:0 20px 50px #03100a21}.organization-banner.current{border:2px solid var(--lime);box-shadow:0 20px 55px #8bb81c38}.organization-banner.future{background:radial-gradient(circle at 88% 0,#e2b84e3d 0 28%,#0000 29%),#152017}.organization-banner.past{filter:saturate(.72);background:linear-gradient(135deg,#881c1c38,#0000 46%),#202321}.organization-month-main h2{letter-spacing:-.055em;text-transform:capitalize;max-width:660px;margin:8px 0 16px;font-size:clamp(27px,3.2vw,46px);line-height:.98}.organization-month-main>.progress{background:#ffffff2e;margin-top:13px}.organization-period-state{align-items:center;gap:12px;display:flex}.organization-period-state>strong{font-size:10px}.month-arrow{color:#fff;background:#ffffff14;border:1px solid #ffffff3d;border-radius:14px;place-items:center;width:42px;height:70px;display:grid}.month-arrow:disabled{opacity:.2}.organization-dates{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:17px;grid-template-columns:1fr 1fr;gap:9px;padding:14px;display:grid}.organization-dates label,.organization-dates span{color:#ffffffb8;flex-direction:column;gap:5px;font-size:8px;font-weight:800;display:flex}.organization-dates input{color:#fff;background:#0003;border:1px solid #ffffff29;border-radius:9px;min-width:0;height:38px;padding:0 9px;font-size:9px}.organization-dates button{min-height:38px}.organization-dates.readonly{grid-template-columns:1fr}.organization-dates.readonly b{color:#fff;font-size:10px;line-height:1.35}.organization-module-tabs{border:1px solid var(--line);background:#fff;border-radius:17px;grid-template-columns:repeat(4,1fr);gap:7px;padding:7px;display:grid}.organization-module-tabs button{min-height:52px;color:var(--muted);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:9px;font-weight:900;display:flex}.organization-module-tabs button.active{color:#fff;background:var(--ink)}.organization-module-tabs button.create-month{color:#183600;background:var(--lime)}.new-organization-month{width:min(760px,100%)}.new-organization-month h2{letter-spacing:-.05em;margin-bottom:18px;font-size:30px}.organization-module-tabs svg{width:18px}.organization-steps-section{border:1px solid var(--line);background:#f8f9f4;border-radius:22px;padding:24px}.organization-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.organization-step-card{text-align:left;background:#fff;border:1px solid #d9ddd4;border-left:5px solid #abb1a8;border-radius:16px;grid-template-columns:43px minmax(0,1fr) auto;align-items:start;gap:14px;min-height:145px;padding:17px;transition:transform .18s,box-shadow .18s;display:grid}button.organization-step-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px #00000014}.organization-step-card.in_progress{background:#fffaf0;border-left-color:#e2b84e}.organization-step-card.done{background:#f7fce9;border-left-color:#70a80e}.organization-step-number{color:#fff;background:var(--ink);border-radius:12px;place-items:center;width:43px;height:43px;font-size:16px;font-weight:950;display:grid}.organization-step-card h3{letter-spacing:-.035em;margin:8px 0 5px;font-size:16px}.organization-step-card p{color:var(--muted);margin:0 0 9px;font-size:9px;line-height:1.5}.organization-step-card small{color:#6f766f;font-size:7px;font-weight:800}.organization-step-card>svg{color:#899087;width:20px;margin-top:3px}.organization-step-status{color:#60665f;text-transform:uppercase;background:#eef0ec;border-radius:999px;align-items:center;gap:5px;width:max-content;padding:5px 8px;font-size:7px;font-weight:950;display:inline-flex}.organization-step-status.in_progress{color:#765400;background:#f8e7ad}.organization-step-status.done{color:#234d0c;background:#dff0ae}.organization-step-status svg{width:12px;height:12px}.organization-step-card.readonly{cursor:default}.spin-slow{animation:2.2s linear infinite spin}.organization-step-modal{width:min(1050px,100%);max-height:93vh;overflow:auto}.organization-step-modal>h2{letter-spacing:-.05em;margin-bottom:5px;font-size:30px}.organization-step-modal>p{color:var(--muted);margin:0 45px 18px 0}.organization-step-footer{gap:12px}.step-status-picker{gap:6px;display:flex}.step-status-picker button{border:1px solid var(--line);color:#666d65;background:#fff;border-radius:9px;align-items:center;gap:6px;min-height:38px;padding:0 11px;font-size:8px;font-weight:900;display:inline-flex}.step-status-picker button.active.todo{color:#fff;background:#6e746d}.step-status-picker button.active.in_progress{color:#2b2100;background:#f4d774;border-color:#e2b84e}.step-status-picker button.active.done{color:#143400;background:var(--lime);border-color:#9fc52d}.step-status-picker svg{width:14px}.family-contact-actions{margin-top:14px}.family-contact-actions>header{background:#f1f3ed;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.family-contact-actions>header>div{flex-wrap:wrap;gap:6px;display:flex}.family-contact-list{border:1px solid var(--line);border-radius:12px;max-height:310px;margin:9px 0;overflow:auto}.family-contact-list>div{border-bottom:1px solid #edf0ea;grid-template-columns:minmax(180px,1fr) 70px 75px 105px;align-items:center;gap:7px;padding:9px 11px;display:grid}.family-contact-list>div:last-child{border-bottom:0}.family-contact-list span{flex-direction:column;display:flex}.family-contact-list small,.family-contact-list em{color:var(--muted);font-size:8px;font-style:normal}.shopping-workspace{grid-template-columns:minmax(0,1.45fr) minmax(310px,.75fr);align-items:start;gap:14px;display:grid}.organization-shopping-head,.organization-shopping-row{grid-template-columns:minmax(170px,1fr) 180px 150px;align-items:center;gap:12px;display:grid}.organization-shopping-head{color:var(--muted);text-transform:uppercase;background:#f0f2ed;border-radius:9px;padding:9px 11px;font-size:7px;font-weight:900}.organization-shopping-row{border-bottom:1px solid var(--line);min-height:56px;padding:8px 11px}.organization-shopping-row label{grid-template-columns:78px 1fr;align-items:center;gap:7px;display:grid}.organization-shopping-row input{border:1px solid var(--line);text-align:center;border-radius:8px;height:38px;font-weight:900}.organization-shopping-row small,.organization-shopping-row>span{color:var(--muted);font-size:8px}.organization-shopping-row>span.received{color:#477900;font-weight:900}.specific-needs-panel>div{border-bottom:1px solid var(--line);grid-template-columns:70px 1fr;gap:8px;padding:10px;font-size:9px;display:grid}.specific-needs-panel>p{color:var(--muted)}.supplier-order-panel>img{object-fit:contain;object-position:left;max-width:150px;max-height:55px}.supplier-order-panel h3{margin:8px 0;font-size:20px}.supplier-order-panel textarea{resize:vertical;border:1px solid var(--line);background:#f8f9f5;border-radius:11px;width:100%;padding:12px;font-size:9px;line-height:1.5}.quality-control-list{border:1px solid var(--line);border-radius:12px;max-height:390px;margin:12px 0;overflow:auto}.quality-control-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(160px,1fr) 90px minmax(180px,1fr);align-items:center;gap:8px;padding:9px;display:grid}.quality-control-list span{flex-direction:column;display:flex}.quality-control-list input{border:1px solid var(--line);border-radius:8px;height:38px;padding:0 9px}.confection-workspace{border:1px solid var(--line);background:#f8f9f4;border-radius:22px;padding:22px}.confection-live-header{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.confection-live-header h2{letter-spacing:-.05em;margin:6px 0;font-size:30px}.confection-live-header p{color:var(--muted);margin:0}.confection-kpis{gap:7px;display:flex}.confection-kpis span{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;min-width:82px;padding:10px;display:flex}.confection-kpis span.done{background:var(--lime)}.confection-kpis span.in-progress{background:#f6d97b}.confection-kpis b{font-size:22px}.confection-kpis small{text-transform:uppercase;font-size:7px;font-weight:900}.confection-workspace>.progress{margin:14px 0}.confection-layout{grid-template-columns:270px minmax(0,1fr) 250px;align-items:start;gap:12px;display:grid}.received-count-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 58px 34px;align-items:center;gap:6px;padding:8px 0;display:grid}.received-count-row>span{flex-direction:column;display:flex}.received-count-row small{color:var(--muted);font-size:7px}.received-count-row input{border:1px solid var(--line);text-align:center;border-radius:7px;width:58px;height:34px}.received-count-row button{background:#edf0ea;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.received-count-row button.count-checked{color:#254d06;background:var(--lime)}.received-count-row svg{width:16px}.confection-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.confection-package-grid>button{text-align:left;border:1px solid var(--line);background:#f8f9f5;border-radius:12px;grid-template-columns:1fr auto;min-height:96px;padding:11px;display:grid}.confection-package-grid>button.mine{background:#f1fbd3;border-color:#88b817}.confection-package-grid>button.done{color:#1e4405;background:var(--lime);border-color:#98c528}.confection-package-grid span{flex-direction:column;display:flex}.confection-package-grid b{font-size:18px}.confection-package-grid small,.confection-package-grid em{color:var(--muted);margin-top:3px;font-size:7px;font-style:normal}.confection-package-grid svg{width:18px}.confection-leaderboard>div{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr;gap:2px 7px;padding:9px 0;display:grid}.confection-leaderboard>div>span{background:#f0f2ec;border-radius:8px;grid-row:1/3;place-items:center;width:28px;height:28px;display:grid}.confection-leaderboard svg{color:#a47800;width:16px}.confection-leaderboard small,.confection-leaderboard p{color:var(--muted);font-size:7px}.package-preparation-modal{width:min(720px,100%)}.package-preparation-modal h2{letter-spacing:-.05em;margin-bottom:14px;font-size:30px}.package-modal-summary{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.package-modal-summary span{background:#f0f2ed;border-radius:11px;flex-direction:column;padding:11px;display:flex}.package-modal-summary b{font-size:16px}.package-modal-summary small{color:var(--muted);font-size:7px}.specific-package-alert,.package-locked{background:#fff4cc;border:1px solid #e4bd4d;border-radius:11px;align-items:center;gap:10px;margin:12px 0;padding:12px;display:flex}.specific-package-alert span{flex-direction:column;display:flex}.package-modal-checklist{grid-template-columns:1fr 1fr;gap:7px;margin:13px 0;display:grid}.package-modal-checklist label{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:auto 28px 1fr;align-items:center;gap:8px;min-height:58px;padding:10px;display:grid}.package-modal-checklist label.checked{background:#f2fbd8;border-color:#9cc52c}.package-modal-checklist input{opacity:0;position:absolute}.package-modal-checklist i{background:#fff;border:1px solid #bbc0b8;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.package-modal-checklist .checked i{color:#163400;background:var(--lime);border-color:#8bb51e}.package-modal-checklist span{flex-direction:column;display:flex}.package-modal-checklist small{color:var(--muted);font-size:8px}@media (max-width:1180px){.organization-banner{grid-template-columns:auto 1fr auto}.organization-dates{grid-column:2}.organization-banner .month-arrow:last-child{grid-area:1/3/3}.organization-banner .month-arrow:first-child{grid-row:1/3}.confection-layout{grid-template-columns:240px minmax(0,1fr)}.confection-leaderboard{grid-column:1/-1}}@media (max-width:820px){.organization-banner{grid-template-columns:36px 1fr 36px;gap:8px;padding:18px 12px}.month-arrow{width:36px;height:58px}.organization-dates{grid-column:1/-1}.organization-banner .month-arrow:first-child,.organization-banner .month-arrow:last-child{grid-row:1}.organization-banner .month-arrow:last-child{grid-column:3}.organization-step-grid,.shopping-workspace,.confection-layout{grid-template-columns:1fr}.organization-module-tabs button{min-height:48px;font-size:8px}.organization-shopping-head,.organization-shopping-row{grid-template-columns:minmax(130px,1fr) 150px 120px}.confection-package-grid{grid-template-columns:repeat(3,1fr)}.confection-live-header,.family-contact-actions>header{flex-direction:column;align-items:stretch}}@media (max-width:560px){.organization-banner{border-radius:18px}.organization-month-main h2{font-size:27px}.organization-dates{grid-template-columns:1fr}.organization-dates button{grid-column:auto}.organization-steps-section,.confection-workspace{padding:14px}.organization-step-card{grid-template-columns:36px 1fr auto;gap:9px;min-height:128px;padding:13px}.organization-step-number{width:36px;height:36px}.organization-module-tabs svg,.organization-shopping-head{display:none}.organization-shopping-row{grid-template-columns:1fr 130px;padding:11px 0}.organization-shopping-row>span{grid-column:1/-1}.confection-kpis{grid-template-columns:repeat(3,1fr);display:grid}.confection-kpis span{min-width:0}.confection-package-grid{grid-template-columns:repeat(2,1fr)}.package-modal-summary,.package-modal-checklist{grid-template-columns:1fr}.family-contact-list>div{grid-template-columns:1fr 1fr}.family-contact-list>div>span{grid-column:1/-1}.quality-control-list>div{grid-template-columns:1fr 72px}.quality-control-list>div>input:last-child{grid-column:1/-1}.organization-step-footer,.step-status-picker{flex-direction:column;align-items:stretch}.step-status-picker button{justify-content:center}}@media print{body *{visibility:visible}.sidebar,.topbar,.demo-bar,.mobile-nav,.page-heading,.reports-history,.report-actions{display:none!important}.app-bg,.app-shell,.main-area,.content{box-shadow:none!important;background:#fff!important;border:0!important;margin:0!important;padding:0!important}.report-document{box-shadow:none;border:0;min-height:100vh}.report-document>*{break-inside:avoid}}.app-bg[data-theme=forest]{--lime:#80d58a;--lime2:#4eaa65;--sage:#aebdac;--cream:#edf3eb;--ink:#0b1c12}.app-bg[data-theme=blue]{--lime:#8bd5ff;--lime2:#45aee8;--sage:#aabac6;--cream:#edf4f8;--ink:#0b1821}.app-bg[data-font=system]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-bg[data-font=accessible]{letter-spacing:.01em;font-family:Arial,Verdana,sans-serif;font-size:1.08em}.white{min-height:45px;color:var(--ink);background:#fff;border:0;border-radius:13px;justify-content:center;align-items:center;padding:0 17px;font-size:11px;font-weight:850;text-decoration:none;display:inline-flex}.whatsapp-card button{margin-top:15px}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-section{flex-direction:column;display:flex}.settings-section>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:48px;margin-bottom:8px;display:flex}.settings-section>header>span{align-items:center;gap:9px;display:flex}.settings-section>header svg{width:21px}.settings-section>header small{color:var(--muted);font-size:8px}.settings-notice{color:#4a514a;background:#f1f3ed;border-radius:12px;gap:10px;margin-top:9px;padding:12px;display:flex}.settings-notice svg{color:#55770a;flex:none;width:24px}.settings-notice p{margin:0;font-size:8px;line-height:1.55}.theme-preview{background:var(--ink);border-radius:15px;align-items:center;gap:8px;height:82px;margin-top:auto;padding:13px;display:flex}.theme-preview i{background:var(--lime);border-radius:9px;width:34px;height:34px}.theme-preview i:nth-child(2){background:var(--cream)}.theme-preview i:nth-child(3){background:#fff}.theme-preview span{color:#fff;margin-left:auto;font-size:27px;font-weight:900}.supplier-settings>a{margin-top:auto}.settings-save{grid-column:1/-1;justify-content:flex-end;display:flex}.settings-save button{min-width:260px}.whatsapp-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:16px;display:grid}.chat-shell{background:#e9efe7;flex-direction:column;min-height:620px;padding:0;display:flex;overflow:hidden}.chat-shell>header{color:#fff;background:#173e2d;align-items:center;gap:12px;min-height:76px;padding:14px 18px;display:flex}.chat-shell>header>span{background:#2c684d;border-radius:50%;place-items:center;width:45px;height:45px;display:grid;position:relative}.chat-shell>header>span svg{width:24px}.chat-shell>header>span i{background:#d5a62e;border:2px solid #173e2d;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:1px}.chat-shell>header>div{flex-direction:column;display:flex}.chat-shell>header small{color:#b8c9bf;margin-top:4px;font-size:8px}.chat-empty{text-align:center;flex-direction:column;align-items:center;margin:auto;padding:40px;display:flex}.chat-empty>svg{color:#456050;background:#fff;border-radius:50%;width:62px;height:62px;padding:15px}.chat-empty h3{margin:16px 0 6px}.chat-empty p{color:#687269;max-width:470px;margin:0;font-size:9px;line-height:1.6}.chat-shell>footer{background:#fff;grid-template-columns:1fr 46px;gap:8px;padding:13px;display:grid}.chat-shell>footer input{border:1px solid var(--line);border-radius:12px;min-width:0;padding:0 13px}.chat-shell>footer button{color:#777;background:#d9ddd8;border:0;border-radius:12px}.integration-card h3{margin:7px 0 13px}.integration-card ol{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.integration-card li{color:#4c534d;align-items:center;gap:8px;font-size:9px;display:flex}.integration-card li svg{color:#52720a;width:18px}.integration-card li:last-child svg{color:#bd7c14}.integration-card>*+button,.integration-card>*+a{margin-top:9px}.prepared-messages article{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:5px;padding:11px 0;display:grid}.prepared-messages article>span{flex-direction:column;display:flex}.prepared-messages article small{color:var(--muted);margin-top:3px;font-size:7px}.prepared-messages article p{color:#555d56;grid-column:1/-1;margin:0;font-size:8px;line-height:1.5}.empty.compact{min-height:100px}.empty.compact svg{width:30px}.scan-workspace{grid-template-columns:minmax(380px,.9fr) minmax(360px,1.1fr);align-items:stretch;gap:16px;display:grid}.scan-camera-card{min-height:590px}.scan-camera-card .eyebrow{color:var(--lime)}.scan-camera-card .camera{min-height:270px}.scan-camera-card .camera>svg{color:#818982;stroke-width:1px;width:70px;height:70px;position:absolute}.scan-camera-card .camera video{position:absolute;inset:0}.scan-camera-card .camera.camera-active>i{z-index:2;opacity:1;animation:2s ease-in-out infinite scan}.scan-camera-card .camera.camera-active>svg{display:none}.camera-error{color:#ffb2aa;align-items:center;gap:6px;margin:10px 0;font-size:8px;display:flex}.camera-error svg{width:16px}.manual-entry{border-top:1px solid #3b413d;grid-template-columns:1fr auto;gap:9px;margin-top:17px;padding-top:17px;display:grid}.manual-entry label{color:#aeb5af;flex-direction:column;gap:6px;font-size:8px;display:flex}.manual-entry input{color:#fff;letter-spacing:.12em;background:#1e231f;border:1px solid #4a504c;border-radius:12px;min-width:0;height:48px;padding:0 14px;font-size:25px}.manual-entry button{min-height:48px;color:var(--ink);background:#fff;border:0;border-radius:12px;align-self:end;align-items:center;gap:8px;padding:0 17px;font-size:9px;font-weight:900;display:flex}.manual-entry button:disabled{opacity:.58;cursor:not-allowed}.manual-entry button svg{width:17px}.scan-result-v4{flex-direction:column;min-height:590px;display:flex}.scan-result-v4>.empty{margin:auto}.scan-result-v4>.outline{margin-top:auto}.scan-result-v4>.primary{margin-top:9px}.family-number{border-bottom:1px solid var(--line);align-items:center;gap:18px;margin-bottom:20px;padding-bottom:18px;display:flex}.family-number>span{border:2px solid var(--ink);background:var(--lime);letter-spacing:-.06em;border-radius:21px;place-items:center;width:100px;height:100px;font-size:36px;font-weight:950;display:grid}.family-number>div{flex-direction:column;gap:9px;display:flex}.family-number small{letter-spacing:.14em;font-size:9px;font-weight:900}.batch-scan>header{justify-content:space-between;align-items:center;display:flex}.batch-scan h3{margin:5px 0}.batch-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.batch-legend{color:var(--muted);gap:7px;margin-top:5px;font-weight:500;line-height:1.5;display:flex}.batch-legend svg{flex:none;width:17px}.batch-preview{background:#f2f4ed;border-radius:14px;flex-direction:column;gap:7px;padding:13px;display:flex}.batch-preview>strong{margin-bottom:4px}.batch-preview>div:not(.empty){background:#fff;border-radius:9px;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;min-height:42px;padding:7px 9px;display:grid}.batch-preview>div b{font-size:15px}.batch-preview>div span{font-size:8px}.batch-preview>div svg{width:18px}.batch-preview>div.valid svg{color:#568000}.batch-preview>div.invalid{color:#851a15;background:#ffe8e5}.batch-warning{color:#971e17;font-size:8px}.batch-preview button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:1100px){.settings-layout,.whatsapp-layout,.scan-workspace{grid-template-columns:1fr}.chat-shell{min-height:520px}.scan-camera-card,.scan-result-v4{min-height:auto}.scan-camera-card .camera{min-height:330px}}@media (max-width:700px){.settings-layout,.batch-grid{grid-template-columns:1fr}.settings-save{grid-column:auto}.settings-save button{width:100%;min-width:0}.scan-workspace{display:block}.scan-result-v4{min-height:420px;margin-top:12px}.scan-camera-card .camera{min-height:220px}.family-number>span{width:82px;height:82px;font-size:30px}.whatsapp-layout{display:block}.whatsapp-layout>aside{margin-top:12px}.chat-shell{min-height:460px}}.monthly-selection{flex-direction:column;gap:9px;display:flex}.monthly-selection-summary{background:#eef1e8;border-radius:12px;align-items:center;gap:18px;min-height:46px;padding:8px 12px;display:flex}.monthly-selection-summary span{align-items:baseline;gap:5px;font-size:9px;display:flex}.monthly-selection-summary b{font-size:19px}.monthly-selection-summary small{color:var(--muted);margin-left:auto;font-size:8px}.monthly-selection-head,.monthly-selection-list article{grid-template-columns:44px 54px minmax(165px,.8fr) minmax(290px,1.2fr) minmax(160px,.7fr);align-items:center;gap:9px;min-width:850px;display:grid}.monthly-selection-head{min-height:32px;color:var(--muted);text-transform:uppercase;background:#f1f3ed;border-radius:8px;padding:0 10px;font-size:7px;font-weight:900}.monthly-selection-list{border:1px solid var(--line);border-radius:12px;max-height:590px;overflow:auto}.monthly-selection-list article{background:#fff;border-bottom:1px solid #e7e9e1;min-height:55px;padding:6px 10px}.monthly-selection-list article:last-child{border-bottom:0}.monthly-selection-list article.selected{background:#fbfdf5}.monthly-selection-list article.not-selected{color:#777;background:#f3f3f0}.monthly-selection-list article.locked{opacity:.55}.selection-order{color:#7b8179;font-size:11px}.selection-check,.registry-check,.registry-head>label{cursor:pointer;place-items:center;width:30px;height:30px;display:grid;position:relative}.selection-check input,.registry-check input,.registry-head>label input{opacity:0;position:absolute}.selection-check i,.registry-check i,.registry-head>label i{background:#fff;border:1px solid #9da399;border-radius:6px;place-items:center;width:21px;height:21px;display:grid}.selection-check input:checked+i,.registry-check input:checked+i,.registry-head>label input:checked+i{background:var(--lime);border-color:#78971e}.selection-check i svg,.registry-check i svg,.registry-head>label i svg{width:13px}.selection-family{flex-direction:column;display:flex}.selection-family strong{font-size:13px}.selection-family span,.selection-family small{color:var(--muted);margin-top:2px;font-size:7px}.fulfillment-choice{grid-template-columns:1fr 1fr;gap:4px;display:grid}.fulfillment-choice button{border:1px solid var(--line);background:#f5f6f2;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:0 9px;font-size:8px;font-weight:800;display:flex}.fulfillment-choice button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.fulfillment-choice button.active:first-child{color:var(--ink);background:var(--lime);border-color:#96b934}.fulfillment-choice svg{width:14px}.selection-reason{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:36px;padding:0 9px;font-size:8px}.selection-reason-empty{color:#aeb2ad;text-align:center}.monthly-selection-help{color:#50633a;background:#f0f6dc;border-radius:9px;align-items:center;gap:7px;margin:0;padding:9px 11px;font-size:8px;display:flex}.monthly-selection-help svg{width:16px}.monthly-selection-compact .monthly-selection-list{max-height:430px}.zakat-legend{background:#fff7dc;border:1px solid #e3ca7f;border-radius:15px;align-items:flex-start;gap:11px;padding:12px 16px;display:flex}.zakat-legend>svg{color:#946d00;flex:none;width:25px}.zakat-legend div{flex-direction:column;display:flex}.zakat-legend strong{font-size:9px}.zakat-legend p{color:#71613c;max-width:1050px;margin:4px 0 0;font-size:7px;line-height:1.55}.registry-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.registry-tabs button{border:1px solid var(--line);text-align:left;background:#ffffffb8;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;min-height:76px;padding:12px;display:flex}.registry-tabs button>span{flex-direction:column;display:flex}.registry-tabs button b{font-size:10px}.registry-tabs button small{color:var(--muted);margin-top:4px;font-size:7px;line-height:1.4}.registry-tabs button>strong{background:#eceee8;border-radius:10px;place-items:center;min-width:34px;height:34px;font-size:14px;display:grid}.registry-tabs button.active{background:var(--lime);box-shadow:0 4px 0 var(--ink);border-color:#8cad2c}.registry-tabs button.active small{color:#3c461d}.registry-tabs button.active>strong{background:var(--ink);color:#fff}.registry-panel{touch-action:pan-y;padding:0;overflow:hidden}.registry-tools{border-bottom:1px solid var(--line);align-items:center;gap:15px;padding:15px;display:flex}.registry-tools .search{flex:1}.registry-tools>span{color:var(--muted);font-size:8px}.bulk-family-bar{color:#fff;background:#202521;grid-template-columns:auto minmax(170px,.7fr) minmax(180px,1fr) auto auto auto;align-items:center;gap:7px;padding:10px 15px;display:grid}.bulk-family-bar>b{white-space:nowrap;font-size:9px}.bulk-family-bar select,.bulk-family-bar input{color:#fff;background:#303632;border:1px solid #4c524e;border-radius:9px;min-width:0;height:39px;padding:0 10px;font-size:8px}.bulk-family-bar button{border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:39px;padding:0 11px;font-size:8px;font-weight:850;display:flex}.bulk-family-bar button svg{width:14px}.quiet-action{color:#b5bbb6;background:0 0;border:0}.registry-table{width:100%;overflow-x:auto}.registry-head,.registry-row{grid-template-columns:48px minmax(260px,1.4fr) 130px 140px 155px;align-items:center;gap:8px;min-width:780px;display:grid}.registry-head{border-bottom:1px solid var(--line);background:#f0f2ec;min-height:40px;padding:0 14px}.registry-head>button{color:#656b64;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:6px;height:100%;padding:0;font-size:7px;font-weight:900;display:flex}.registry-head>button svg{width:12px}.registry-row{background:#fff;border-bottom:1px solid #e9ebe5;min-height:68px;padding:7px 14px}.registry-row.selected{background:#f3f9dc}.registry-number{text-align:left;background:0 0;border:0;align-items:center;gap:11px;display:flex}.registry-number>b{background:var(--lime);border-radius:11px;place-items:center;width:42px;height:42px;font-size:12px;display:grid}.registry-number>span{flex-direction:column;min-width:0;display:flex}.registry-number strong,.registry-number small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.registry-number strong{font-size:9px}.registry-number small{color:var(--muted);margin-top:3px;font-size:7px}.registry-score,.registry-household{flex-direction:column;display:flex}.registry-score>b,.registry-household>b{font-size:17px}.registry-score small,.registry-household small{color:var(--muted);margin-top:2px;font-size:7px}.registry-score.zakat>b{color:#8c6700}.registry-score.zakat small{color:#8c6700;align-items:center;gap:4px;font-weight:800;display:flex}.registry-score.zakat svg{width:13px}.registry-mode{border-radius:9px;align-items:center;gap:6px;width:max-content;min-height:32px;padding:0 9px;font-size:8px;display:flex}.registry-mode svg{width:15px}.registry-mode.pickup{color:#4c6500;background:#ecf4d1}.registry-mode.delivery{color:#2f4d91;background:#e9efff}.registry-year{color:#55430e;text-transform:uppercase;letter-spacing:.08em;background:#fff1bd;border-bottom:1px solid #e3ca7f;min-width:780px;padding:9px 15px;font-size:8px;font-weight:900}.registry-empty{min-width:780px}.family-editor-modal{background:#fff;border-radius:24px;width:min(1160px,100vw - 28px);max-height:94vh;padding:26px;position:relative;overflow:auto;box-shadow:0 25px 80px #00000047}.family-editor-modal [hidden]{display:none!important}.family-editor-readonly{width:min(760px,100vw - 28px)}.family-editor-readonly .family-editor-layout{grid-template-columns:270px minmax(0,1fr)}.volunteer-family-view{border:1px solid var(--line);background:#f7f8f3;border-radius:18px;flex-direction:column;justify-content:center;min-height:100%;padding:24px;display:flex}.volunteer-family-view h3{letter-spacing:-.04em;margin:8px 0;font-size:24px}.volunteer-family-view>p{color:var(--muted);margin:0 0 18px;line-height:1.6}.scan-result-summary{gap:7px;margin-bottom:18px;display:grid}.scan-result-summary span{background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.scan-result-summary small{color:var(--muted)}.family-editor-head{align-items:center;gap:14px;padding-right:52px;display:flex}.family-editor-head>span{border:2px solid var(--ink);background:var(--lime);border-radius:17px;place-items:center;width:70px;height:70px;font-size:22px;font-weight:950;display:grid}.family-editor-head>div{flex-direction:column;display:flex}.family-editor-head h2{letter-spacing:-.05em;margin:5px 0 2px;font-size:29px}.family-editor-head p{color:var(--muted);margin:0;font-size:9px}.family-editor-layout{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:20px;margin-top:18px;display:grid}.family-card-column{position:sticky;top:0}.family-card-column .qr-card{margin-top:0}.qr-downloads{grid-template-columns:1fr 1fr;gap:7px;display:grid}.qr-downloads button{padding:0 8px;font-size:8px}.score-preview{border:1px solid var(--line);background:#f3f5ef;border-radius:15px;margin:13px 0;padding:15px}.score-preview.zakat{background:#fff6d9;border-color:#ddb95d}.score-preview>header{justify-content:space-between;align-items:flex-start;display:flex}.score-preview>header>span{flex-direction:column;display:flex}.score-preview header small{letter-spacing:.1em;font-size:7px;font-weight:900}.score-preview header b{letter-spacing:-.06em;margin-top:4px;font-size:34px}.score-preview header i{color:var(--muted);font-size:11px;font-style:normal}.score-preview>div{grid-template-columns:1fr 1fr;gap:6px;margin-top:10px;display:grid}.score-preview>div span{color:var(--muted);background:#ffffffb3;border-radius:8px;flex-direction:column;padding:8px;font-size:7px;display:flex}.score-preview>div b{color:var(--ink);margin-top:3px;font-size:11px}.score-preview p{color:#5c625c;margin:10px 0 0;font-size:7px;line-height:1.5}.evaluation-rules{background:#fff9e7;border:1px solid #e3ca7f;border-radius:13px;margin:16px 0}.evaluation-rules summary{cursor:pointer;align-items:center;gap:8px;padding:13px;font-size:9px;font-weight:900;display:flex}.evaluation-rules summary svg{color:#8d6900;width:18px}.evaluation-columns{grid-template-columns:1fr 1fr;gap:10px;padding:0 13px 13px;display:grid}.evaluation-columns section{background:#fff;border-radius:10px;padding:11px}.evaluation-columns h4{margin:0 0 7px;font-size:9px}.evaluation-columns p{color:#555d56;margin:5px 0;font-size:7px;line-height:1.5}.family-form-scored{width:min(920px,100%)}.family-form-scored>.score-preview{z-index:2;position:sticky;top:-27px;box-shadow:0 7px 20px #00000012}@media (max-width:1050px){.registry-tabs,.bulk-family-bar{grid-template-columns:1fr 1fr}.bulk-family-bar>b{grid-column:1/-1}.family-editor-layout{grid-template-columns:1fr}.family-card-column{grid-template-columns:280px 1fr;gap:12px;display:grid;position:static}.family-card-column .qr-downloads{grid-column:1}.family-card-column .score-preview{grid-area:1/2/3;margin:0}.family-card-column .danger-alert{grid-column:1/-1}}@media (max-width:700px){.monthly-selection-summary{flex-wrap:wrap;gap:8px}.monthly-selection-summary small{width:100%;margin-left:0}.registry-tabs{padding-bottom:4px;display:flex;overflow:auto}.registry-tabs button{min-width:210px}.registry-tools{flex-direction:column;align-items:stretch}.bulk-family-bar{grid-template-columns:1fr}.bulk-family-bar>b{grid-column:auto}.family-editor-modal{border-radius:22px 22px 8px 8px;width:100%;max-height:94vh;padding:20px 14px}.family-editor-head>span{width:56px;height:56px}.family-editor-head h2{font-size:23px}.family-editor-layout,.family-card-column{display:block}.family-card-column .score-preview{margin:12px 0}.evaluation-columns,.qr-downloads{grid-template-columns:1fr}.family-form-scored>.score-preview{position:static}}html,body{max-width:100%;overflow-x:hidden}.app-shell,.main-area,.content,.content>*,.stack,.stack>*,.page-heading>div{min-width:0}.page-heading h2{overflow-wrap:anywhere;text-wrap:balance;max-width:100%}.team-grid{grid-template-columns:repeat(auto-fill,minmax(300px,410px))}.volunteer-card{min-height:220px}.volunteer-card>header>.pill{text-align:center;white-space:normal;justify-content:center;max-width:118px;line-height:1.15}.mission-card>.outline.wide{white-space:normal;text-align:center;justify-content:center}.map-board{isolation:isolate;background:#e7eadf;min-height:560px;padding:18px;overflow:hidden}.map-board-heading{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.map-board-heading>svg{color:#486000;flex:none;width:30px}.map-board-heading span{min-width:0}.map-board-heading h3{letter-spacing:-.035em;margin:0;font-size:19px}.map-board-heading p{margin:4px 0 0}.osm-delivery-map{z-index:0;isolation:isolate;contain:paint;border-radius:16px;position:relative}.osm-map-loading,.osm-map-canvas{background:#eef1e7;border:1px solid #0a0c0b24;border-radius:16px;width:100%;height:410px;overflow:hidden}.osm-map-canvas.leaflet-container{z-index:0;isolation:isolate;font-family:var(--font-app), Arial, sans-serif}.osm-map-loading{color:var(--muted);place-items:center;font-size:9px;display:grid}.osm-map-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.osm-map-toolbar>span,.osm-map-toolbar>button{border-radius:10px;align-items:center;gap:6px;min-height:36px;font-size:8px;display:flex}.osm-map-toolbar>span{color:#50584f}.osm-map-toolbar>span svg,.osm-map-toolbar>button svg{width:15px}.osm-map-toolbar>button{background:#fff;border:1px solid #899287;padding:0 11px;font-weight:850}.osm-map-toolbar>button.active{color:#203700;background:var(--lime);border-color:#89a827}.osm-map-notice{color:#545c53;background:#ffffffb8;border-radius:9px;margin:8px 0 0;padding:9px 11px;font-size:8px;line-height:1.45}.osm-map-notice.error{color:#8a211c;background:#ffe4e1}.osm-delivery-map .leaflet-control-attribution{color:#515750;background:#f7f8f3e0;border-radius:8px 0 0;padding:3px 6px;font-size:8px}.osm-delivery-map .leaflet-control-attribution a{color:#405b00;font-weight:800}.osm-delivery-map .leaflet-control-zoom{background:var(--ink);border-radius:11px;overflow:hidden;border:1px solid var(--ink)!important;box-shadow:0 5px #090b0a33!important}.osm-delivery-map .leaflet-control-zoom a{background:var(--ink);width:38px;height:38px;color:var(--lime);font-family:var(--font-app), Arial, sans-serif;font-size:22px;font-weight:700;line-height:36px;border:0!important;border-bottom:1px solid #3b413d!important}.osm-delivery-map .leaflet-control-zoom a:last-child{border-bottom:0!important}.osm-delivery-map .leaflet-control-zoom a:hover,.osm-delivery-map .leaflet-control-zoom a:focus-visible{background:var(--lime);color:var(--ink)}.osm-delivery-map .delivery-map-number{box-shadow:none;color:#fff;background:0 0;border:0;margin:0;padding:0;font-size:8px;font-weight:950}.osm-delivery-map .delivery-map-number:before{display:none}.osm-delivery-map .gps-current-label{border:1px solid var(--ink);background:var(--lime);box-shadow:0 3px 0 var(--ink);color:var(--ink);text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900}.osm-delivery-map .gps-current-label:before{border-top-color:var(--ink)}.osm-delivery-map .leaflet-popup-content-wrapper,.osm-delivery-map .leaflet-popup-tip{background:var(--paper);color:var(--ink)}.osm-delivery-map .leaflet-popup-content-wrapper{border:1px solid var(--ink);border-radius:13px;box-shadow:0 7px #090b0a33}.osm-delivery-map .leaflet-popup-content{min-width:170px;font-family:var(--font-app), sans-serif;margin:13px 16px}.osm-delivery-map .leaflet-popup-content p{margin:6px 0 10px}.osm-delivery-map .leaflet-popup-content a{color:#304500;align-items:center;gap:5px;font-weight:850;display:inline-flex}.osm-delivery-map .leaflet-popup-content a svg{width:14px}.family-location-fields{border:1px solid var(--line);background:#f4f6ef;border-radius:12px;grid-column:1/-1;grid-template-columns:1fr auto;align-items:end;gap:9px;padding:12px;display:grid}.family-location-fields .two-fields{min-width:0}.family-location-fields>button{min-height:39px}.family-location-fields>small{color:var(--muted);grid-column:1/-1;font-size:7px;line-height:1.45}.family-location-fields>small.error{color:#a4231d}@media (max-width:700px){.content{padding:16px 12px 90px}.stack{gap:14px}.panel{border-radius:18px;padding:17px}.page-heading{gap:13px}.page-heading h2{font-size:clamp(30px,9.2vw,36px);line-height:.98}.page-heading>button{justify-content:center}.dashboard-grid.v3,.team-grid,.missions-grid{grid-template-columns:minmax(0,1fr)}.team-grid{width:100%}.volunteer-card{min-width:0;min-height:210px;padding:16px}.volunteer-card>header{grid-template-columns:auto minmax(0,1fr);align-items:start}.volunteer-card>header>.pill{white-space:nowrap;grid-column:2;justify-self:start;min-width:90px;max-width:100%}.volunteer-card small{overflow-wrap:anywhere}.volunteer-card>footer{flex-direction:column;align-items:stretch;gap:10px}.volunteer-card footer>div{flex-wrap:wrap}.mission-card{min-width:0;min-height:245px;padding:17px}.mission-card>header{align-items:flex-start;gap:8px}.organization-module-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-module-tabs button{text-align:center;padding:7px;line-height:1.2}.organization-step-card{grid-template-columns:36px minmax(0,1fr)}.organization-step-status{grid-column:2;justify-self:start}.organization-step-modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);padding:20px 13px}.organization-step-modal>h2{padding-right:38px;font-size:27px}.monthly-selection-head{display:none}.monthly-selection-list{max-width:100%;overflow-x:hidden}.monthly-selection-list article{grid-template-columns:30px 34px minmax(0,1fr);gap:7px;min-width:0;padding:10px}.selection-family{min-width:0}.selection-family span,.selection-family small{white-space:normal;overflow-wrap:anywhere}.fulfillment-choice,.selection-reason,.selection-reason-empty{grid-column:1/-1}.selection-reason-empty{display:none}.fulfillment-choice button{min-width:0;min-height:42px;padding:6px;line-height:1.15}.monthly-selection-help{align-items:flex-start;line-height:1.45}.registry-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:0;display:grid;overflow:visible}.registry-tabs button{min-width:0;min-height:88px;padding:10px}.registry-tabs button>span{min-width:0}.registry-tabs button small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.registry-tools{padding:12px}.registry-tools .search{width:100%}.registry-table{overflow:visible}.registry-head{grid-template-columns:34px repeat(2,minmax(0,1fr));gap:6px;min-width:0;padding:9px 12px}.registry-head>label{grid-row:1/3}.registry-head>button{background:#ffffffbf;border-radius:7px;min-height:28px;padding:0 5px}.registry-row{border:1px solid var(--line);border-radius:13px;grid-template-columns:34px minmax(0,1fr) minmax(86px,auto);align-items:start;gap:9px;min-width:0;margin:10px 10px 0;padding:11px}.registry-check{grid-area:1/1/3}.registry-number{grid-area:1/2/auto/4;min-width:0}.registry-number>b{flex:none}.registry-score{grid-area:2/2}.registry-household{grid-area:2/3}.registry-score:before,.registry-household:before,.registry-mode:before{content:attr(data-label);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px;font-size:6px;font-weight:900}.registry-mode{grid-area:3/2/auto/4;width:100%}.registry-year,.registry-empty{min-width:0}.registry-year{margin-top:10px}.scanner-workflow,.scan-workspace,.scanner-card,.scan-result-v4{width:100%;min-width:0}.scanner-card{border-radius:20px;padding:18px}.scanner-card h2{overflow-wrap:anywhere;font-size:29px}.scan-camera-card .camera{aspect-ratio:4/3;min-height:0}.manual-entry{grid-template-columns:minmax(0,1fr)}.manual-entry button{justify-content:center;width:100%}.scan-result-v4{min-height:280px}.family-location-fields{grid-template-columns:1fr}.family-location-fields>button{justify-content:center;width:100%}.delivery-row{flex-direction:column;align-items:stretch;gap:8px;padding:10px 0}.delivery-row>button,.delivery-row>.pill{width:100%}.delivery-card header{flex-direction:column;align-items:flex-start}.delivery-card>div:last-child{grid-template-columns:1fr;display:grid}.map-board{min-height:0;padding:14px}.osm-map-toolbar{flex-direction:column;align-items:stretch}.osm-map-toolbar>button{justify-content:center}.osm-map-canvas,.osm-map-loading{height:330px}}@media (max-width:390px){.content{padding-inline:10px}.registry-tabs button>strong{min-width:30px;height:30px}.registry-tabs button b{font-size:9px}.fulfillment-choice{grid-template-columns:1fr}.monthly-selection-summary{grid-template-columns:repeat(3,1fr);display:grid}.monthly-selection-summary span{flex-direction:column;align-items:center}.monthly-selection-summary small{grid-column:1/-1}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}