:root{--blue:#155bd5;--navy:#153253;--green:#159452;--bg:#eff3f8;--line:#e2e9f2;--muted:#687b90;--shadow:0 7px 22px rgba(20,50,90,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--navy);line-height:1.45}.shell{max-width:740px;min-height:100dvh;margin:auto;background:#fff;box-shadow:0 0 36px rgba(10,38,79,.10)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #95c7ff;outline-offset:2px}.topbar{height:68px;display:flex;justify-content:space-between;align-items:center;padding:10px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:4}.brand{border:0;background:none;padding:0;color:#143f76;font-size:27px;font-weight:900;letter-spacing:-1px}.brand span{color:#16a15b}.top-actions{display:flex;align-items:center;gap:9px}.connection{font-size:11px;color:#14864a;background:#eaf8f0;padding:5px 8px;border-radius:20px}.connection.offline{color:#a56a11;background:#fff5de}.install{border:1px solid #c8d8ed;background:#edf5ff;border-radius:10px;color:var(--blue);padding:7px 10px;font-size:12px;font-weight:800}main{padding:20px 22px 110px}.screen{display:none;animation:appear .2s ease}.screen.active{display:block}@keyframes appear{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}h1{font-size:clamp(24px,5vw,30px);margin:5px 0 9px;line-height:1.15}h2{font-size:20px;margin:0}h3{font-size:17px;margin:0 0 7px}p{margin:9px 0 14px}.intro p,.screen-head p,.subtle,.small-note{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.3px;font-weight:900;color:#2275cf}.hero{background:linear-gradient(135deg,#0b81ee,#154cc0);color:#fff;border-radius:22px;padding:24px;margin:20px 0 26px;box-shadow:0 12px 24px #c8dcff}.hero h2{font-size:28px;margin:5px 0}.hero p{max-width:460px;color:#eef6ff}.hero-kicker{font-size:11px;font-weight:800;letter-spacing:1.2px;opacity:.9}.btn{border-radius:12px;padding:12px 16px;border:0;font-weight:800;min-height:44px}.btn-primary{background:var(--blue);color:#fff}.btn-white{background:#fff;color:var(--blue)}.btn-outline{background:#fff;color:var(--blue);border:1px solid #c6d8ee}.btn-danger{background:#fff1f1;color:#ad2020;border:1px solid #f0c6c6}.btn-light{background:#fff;color:#6a4ac1}.btn-block{width:100%;margin-top:12px}.btn:disabled{opacity:.75;cursor:not-allowed}.section-heading,.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 12px}.section-heading h2{font-size:19px}.subtle{font-size:13px}.text-button,.back{background:none;border:0;color:var(--blue);font-weight:800;padding:6px 0}.back{margin-bottom:13px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.category{border:0;border-radius:15px;min-height:84px;padding:10px 3px;font-size:13px;font-weight:800}.category span{display:block;font-size:25px;margin-bottom:3px}.cat-green{background:#e7f8ed;color:#15884a}.cat-orange{background:#fff0df;color:#ae6a1c}.cat-blue{background:#e8f0ff;color:#2166bd}.cat-pink{background:#ffeaf3;color:#bc4474}.cat-purple{background:#f1eaff;color:#7653bb}.cat-yellow{background:#fff6d9;color:#967000}.card{border:1px solid var(--line);border-radius:17px;padding:16px;margin:12px 0;background:#fff;box-shadow:var(--shadow)}.card h3{line-height:1.3}.card p{color:#66788b;font-size:14px}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.tag{display:inline-block;padding:4px 9px;border-radius:20px;font-size:11px;font-weight:800;background:#edf4ff;color:#2c65ad;margin:3px 4px 3px 0}.tag.green{background:#e8f7ee;color:#13844a}.tag.amber{background:#fff2df;color:#a56d1d}.card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.small-btn{border:1px solid #d5e2f1;border-radius:9px;background:#f7faff;color:#1c65b8;padding:7px 11px;font-size:12px;font-weight:800}.small-btn.saved{background:#e8f7ee;color:#15834a}.small-btn.delete{background:#fff3f3;color:#b23232;border-color:#f0d2d2}.notice{background:#fff8e9;border:1px solid #f3dfb7;border-radius:13px;padding:12px;color:#805b19;font-size:13px;margin:16px 0}.screen-head{margin-bottom:16px}.field-label,.form-card label,.filters label{display:block;font-size:13px;font-weight:800;margin:12px 0 6px}input:not([type=checkbox]):not([type=file]),textarea,select{width:100%;background:#fff;border:1px solid #d1dfea;border-radius:12px;padding:12px 13px;min-height:44px;color:var(--navy)}textarea{resize:vertical}.filters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filters label{margin-top:8px}.filters select{margin-top:5px}.row-between{margin:9px 0}.banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#f2edff;border:1px solid #e4dafa;border-radius:18px;padding:16px;margin-top:22px}.banner p{font-size:13px;color:#75668f;margin-bottom:0}.chat{min-height:240px;max-height:440px;overflow:auto;border:1px solid var(--line);border-radius:16px;background:#f7faff;padding:14px;display:flex;flex-direction:column;gap:10px}.bubble{padding:11px 13px;border-radius:14px;max-width:92%;font-size:14px;white-space:pre-wrap}.bubble.bot{align-self:flex-start;background:#fff;border:1px solid #e2eaf4}.bubble.me{align-self:flex-end;background:#e2efff;color:#174f9b}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.suggestions button{background:#edf5ff;color:#2166b5;border:1px solid #d6e5f6;border-radius:22px;padding:8px 10px;font-size:12px}.chat-form{display:flex;gap:8px}.chat-form input{flex:1;min-width:0}.form-card{border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:var(--shadow)}.form-card label:first-child{margin-top:0}fieldset{border:0;padding:0;margin:14px 0}legend{font-size:13px;font-weight:800;margin-bottom:8px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-grid label{margin:0;padding:9px;background:#f5f8fc;border-radius:9px;font-weight:600;display:flex;align-items:center;gap:8px}.check-grid input{width:17px;height:17px;accent-color:var(--blue)}.small-note{font-size:12px;line-height:1.5;margin-top:12px}.menu-card{border:1px solid var(--line);border-radius:17px;overflow:hidden}.menu-card button{display:flex;align-items:center;gap:13px;width:100%;background:#fff;border:0;border-bottom:1px solid var(--line);text-align:left;padding:17px 14px;color:var(--navy);font-size:15px}.menu-card button:last-child{border-bottom:0}.menu-card span{flex:1}.menu-card b{font-size:12px;border-radius:20px;background:#e7f0ff;padding:4px 8px}.invite-box{background:#f3eeff;border:1px solid #e3d7ff;border-radius:20px;padding:22px;margin:20px 0}.ref-code{font-size:27px;letter-spacing:1px;font-weight:900;color:#7048b6;margin:12px 0;overflow-wrap:anywhere}.pro-card{border-radius:22px;background:linear-gradient(135deg,#6c4dc4,#164dbe);color:#fff;padding:24px;margin-top:18px}.pro-card .eyebrow{color:#d9d1ff}.pro-card h2{font-size:37px;margin-top:10px}.pro-card h2 small{font-size:15px;font-weight:500}.pro-card li{padding:5px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metrics>div{border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.metrics b{display:block;font-size:23px;color:var(--blue)}.metrics small{font-size:11px;color:var(--muted)}.admin-item{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.admin-item div{min-width:0}.admin-item strong{display:block;font-size:14px}.admin-item small{color:var(--muted)}.empty{padding:22px;text-align:center;border:1px dashed #cbd9e8;border-radius:14px;color:var(--muted)}.import-label{text-align:center;cursor:pointer;display:block}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:740px;width:100%;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line);padding:9px 5px calc(9px + env(safe-area-inset-bottom));z-index:5;box-shadow:0 -5px 18px rgba(15,48,90,.05)}.bottom-nav button{background:none;border:0;min-width:55px;padding:3px 4px;color:#7b8998;font-size:11px;font-weight:700}.bottom-nav button span{display:block;font-size:21px;margin-bottom:2px}.bottom-nav button.selected{color:var(--blue)}.toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,20px);background:#173253;color:#fff;padding:11px 17px;border-radius:12px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:8;max-width:min(90vw,450px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:430px){main{padding:17px 15px 105px}.topbar{padding:10px 15px}.hero{padding:21px}.category-grid{gap:8px}.category{font-size:12px}.filters{gap:9px}.banner{align-items:flex-start;flex-direction:column}.ref-code{font-size:23px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.official-directory{margin:24px 0;padding:18px;border:1px solid #dbe6f4;border-radius:18px;background:#f8fbff}.official-directory select{display:block;width:100%;padding:12px;margin:7px 0 14px;border:1px solid #ccd8e8;border-radius:10px;background:white;color:#152b46}.official-item{background:white;border:1px solid #e0e8f1;border-radius:12px;padding:14px;margin:10px 0}.official-item p{margin:6px 0;color:#516176}.official-item a{font-weight:700;color:#155bd5}

/* Keep app navigation clear of the external Netlify promotional overlay. */
.bottom-nav{bottom:96px!important;border:1px solid #e2e9f2;border-radius:16px;box-shadow:0 5px 24px rgba(15,48,90,.16);width:calc(100% - 20px);max-width:720px;padding:9px 5px!important;}
main{padding-bottom:220px!important;}
.toast{bottom:195px!important;}