:root{--brand: #3b2d8f;--brand-dark: #1e1b4b;--brand-50: #f5f3ff;--brand-100: #eef2ff;--brand-200: #c7d2fe;--brand-500: #818cf8;--brand-rgb: 59,45,143;--accent: #f97316;--accent-dark: #ea580c;--accent-light: #fff7ed;--bg-1: #ffffff;--bg-2: #f8f9fa;--bg-3: #f1f3f4;--txt-1: #202124;--txt-2: #5f6368;--txt-3: #80868b;--bdr-1: #dadce0;--bdr-2: #e8eaed;--green: #16a34a;--green-bg: #f0fdf4;--green-border: #86efac;--red: #ef4444;--red-bg: #fef2f2;--red-border: #fca5a5;--amber: #b45309;--amber-bg: #fefce8;--amber-border: #fcd34d;--yellow: #f59e0b;--purple: #7c3aed;--purple-bg: #fdf4ff;--purple-border: #e9d5ff;--r-xs: 4px;--r-sm: 8px;--r-md: 10px;--r-lg: 12px;--r-xl: 16px;--r-2xl: 20px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 12px 40px rgba(0,0,0,.18);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: 10px;--text-sm: 12px;--text-md: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--color-background-primary: var(--bg-1);--color-background-secondary: var(--bg-2);--color-background-tertiary: var(--bg-3);--color-text-primary: var(--txt-1);--color-text-secondary: var(--txt-2);--color-text-tertiary: var(--txt-3);--color-border-primary: var(--bdr-1);--color-border-secondary: var(--bdr-2);--color-border-tertiary: var(--bdr-1);--border-radius-lg: var(--r-lg);--font-sans: var(--font)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font);background:var(--bg-3);color:var(--txt-1);height:100%;overscroll-behavior:none}button,input,textarea,select{font-family:inherit}button{cursor:pointer}input:focus,textarea:focus{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 2px rgba(var(--brand-rgb),.12)}::-webkit-scrollbar{width:4px;height:3px}::-webkit-scrollbar-thumb{background:var(--bdr-2);border-radius:4px}::-webkit-scrollbar-track{background:transparent}#root{height:100%;display:flex;flex-direction:column}.app-root{font-family:var(--font);height:100vh;height:100dvh;display:flex;flex-direction:column;max-width:520px;margin:0 auto;overflow:hidden;background:var(--bg-3);position:relative}.app-header{background:var(--brand);padding:12px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0}.app-header__logo{width:34px;height:34px;border-radius:var(--r-md);background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.app-header__info{flex:1;min-width:0}.app-header__title{font-weight:700;font-size:14px;color:#fff;line-height:1.2}.app-header__sub{font-size:11px;color:#ffffffa6;margin-top:1px}.db-status{font-size:10px;font-weight:600;letter-spacing:.3px}.db-status--ok{color:#86efac}.db-status--wait{color:#fcd34d}.db-status--err{color:#fca5a5}.db-status--off{color:#ffffff59}.menu-btn{background:#ffffff2e;border:none;border-radius:var(--r-sm);width:36px;height:36px;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center}.menu-btn:active{opacity:.8}.dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--bg-1);border-radius:14px;box-shadow:var(--shadow-lg);border:.5px solid var(--bdr-2);z-index:100;min-width:210px;overflow:hidden}.dropdown__stats{padding:12px 16px;background:#f8f7ff;border-bottom:.5px solid var(--bdr-2);display:flex;gap:20px}.dropdown__stat-val{display:block;font-size:17px;font-weight:700;color:var(--brand)}.dropdown__stat-lbl{font-size:10px;color:var(--txt-3)}.dropdown__item{width:100%;display:flex;align-items:center;gap:10px;padding:13px 16px;border:none;background:transparent;text-align:left;font-size:13px;color:var(--txt-1);border-bottom:.5px solid var(--bdr-2);transition:background .15s}.dropdown__item:last-child{border-bottom:none}.dropdown__item:hover{background:var(--bg-2)}.dropdown__item--active{background:var(--brand-100);color:var(--brand);font-weight:600}.dropdown__item--danger{color:var(--red)}.dropdown__item--danger:hover{background:var(--red-bg)}.dropdown__icon{font-size:16px}.bottom-nav{background:var(--bg-1);border-top:.5px solid var(--bdr-2);display:flex;flex-shrink:0;padding-bottom:max(env(safe-area-inset-bottom,0px),4px)}.bottom-nav__item{flex:1;border:none;background:none;padding:10px 4px 6px;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-nav__icon{font-size:24px;line-height:1.1;opacity:.32}.bottom-nav__icon--on{opacity:1}.bottom-nav__label{font-size:10px;color:var(--txt-3)}.bottom-nav__label--on{font-weight:700;color:var(--brand)}.bottom-nav__dot{width:0;height:3px;border-radius:2px;background:var(--brand);transition:width .2s}.bottom-nav__dot--on{width:18px}.sub-nav{display:flex;background:var(--bg-1);border-bottom:.5px solid var(--bdr-2);flex-shrink:0}.sub-nav__btn{flex:1;border:none;background:none;padding:12px 8px;font-size:13px;color:var(--txt-2);border-bottom:2px solid transparent;transition:all .15s}.sub-nav__btn--on{font-weight:700;color:var(--brand);border-bottom-color:var(--brand)}.card{background:var(--bg-1);border:.5px solid var(--bdr-2);border-radius:var(--r-lg);padding:16px;margin-bottom:12px}.card--sm{padding:12px 14px;margin-bottom:8px}.card--flat{background:var(--bg-2)}.card--brand{background:var(--brand);border-color:var(--brand)}.card--blue{background:var(--brand-50);border-color:var(--brand-200)}.card--indigo{background:var(--brand-50);border-color:var(--brand-500)}.card--green{background:var(--green-bg);border-color:var(--green-border)}.card--red{background:var(--red-bg);border-color:var(--red-border)}.card--amber{background:var(--amber-bg);border-color:var(--amber-border)}.card--purple{background:var(--purple-bg);border-color:var(--purple-border)}.card--yellow{background:#fffbeb;border-color:#fde68a}.card--no-mb{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:var(--r-md);border:none;font-size:13px;font-weight:600;transition:opacity .15s;font-family:var(--font);line-height:1;white-space:nowrap}.btn:active{opacity:.82}.btn:disabled{opacity:.55;cursor:default}.btn--full{width:100%}.btn--sm{padding:6px 12px;font-size:12px;border-radius:var(--r-sm)}.btn--lg{padding:13px 20px;font-size:14px;font-weight:700;border-radius:var(--r-lg)}.btn--icon{width:34px;height:34px;padding:0;border-radius:var(--r-sm)}.btn--round{border-radius:var(--r-full)}.btn--primary{background:var(--brand);color:#fff}.btn--primary:disabled{background:#9ca3af}.btn--accent{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff}.btn--success{background:var(--green);color:#fff}.btn--secondary{background:transparent;color:var(--txt-2);border:.5px solid var(--bdr-2)}.btn--secondary:hover:not(:disabled){background:var(--bg-2)}.btn--ghost{background:none;border:none;color:var(--txt-3);font-size:12px;padding:4px 8px;font-weight:400}.btn--danger{background:var(--red-bg);color:var(--red);border:.5px solid var(--red-border)}.btn--danger:hover:not(:disabled){background:#fee2e2}.btn--warn{background:var(--amber-bg);color:var(--amber);border:.5px solid var(--amber-border)}.form-field{display:flex;flex-direction:column}.form-label{font-size:11px;color:var(--txt-2);display:block;margin-bottom:4px;font-weight:500}.form-input{width:100%;padding:9px 12px;border-radius:var(--r-sm);border:.5px solid var(--bdr-2);font-size:13px;background:var(--bg-2);color:var(--txt-1);outline:none;box-sizing:border-box}.form-input--lg{padding:10px 14px;font-size:14px;border-radius:var(--r-md);background:#f9fafb;border-color:#e5e7eb}.form-input--err{border-color:var(--red)!important}.form-textarea{width:100%;padding:10px 12px;border-radius:var(--r-sm);border:.5px solid var(--bdr-2);font-size:13px;background:var(--bg-2);color:var(--txt-1);outline:none;box-sizing:border-box;resize:vertical;line-height:1.6}.form-row{display:flex;gap:8px}.form-row>*{flex:1}.badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--r-full);line-height:1.4}.badge--sm{font-size:10px;padding:1px 6px}.badge--brand{background:var(--brand);color:#fff}.badge--blue{background:var(--brand-100);color:var(--brand)}.badge--indigo{background:#ede9fe;color:var(--purple)}.badge--green{background:var(--green-bg);color:var(--green);border:.5px solid var(--green-border)}.badge--red{background:var(--red-bg);color:var(--red)}.badge--amber{background:var(--amber-bg);color:var(--amber)}.badge--gray{background:var(--bg-3);color:var(--txt-3)}.badge--present{background:var(--green);color:#fff}.badge--preconf{background:var(--brand-500);color:#fff}.avatar{border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.avatar--sm{width:28px;height:28px;font-size:11px}.avatar--md{width:40px;height:40px;font-size:16px}.avatar--lg{width:52px;height:52px;font-size:22px}.avatar--xl{width:72px;height:72px;font-size:30px}.avatar--sq{border-radius:var(--r-lg)}.avatar--sq-sm{border-radius:var(--r-md)}.avatar--light{background:#ffffff26}.section-title{font-size:12px;font-weight:700;color:var(--txt-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.section-title--brand{color:var(--brand)}.screen{flex:1;overflow-y:auto;padding:16px;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.screen--col{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.empty-state{text-align:center;padding:36px 16px}.empty-state__icon{font-size:36px;margin-bottom:10px}.empty-state__text{font-size:14px;color:var(--txt-2)}.empty-state__sub{font-size:12px;color:var(--txt-3);margin-top:4px;line-height:1.5}.progress-track{height:8px;background:var(--bg-3);border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-full);background:var(--brand);transition:width .4s}.progress-fill--done{background:var(--green)}.progress-track--sm{height:4px}.list-item{display:flex;align-items:flex-start;gap:12px}.list-item__icon{width:42px;height:42px;border-radius:var(--r-lg);background:var(--brand-100);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.list-item__title{font-weight:500;font-size:13px}.list-item__sub{font-size:12px;color:var(--txt-2);margin-top:1px}.list-item__meta{font-size:11px;color:var(--txt-3);margin-top:1px}.divider{height:.5px;background:var(--bdr-2);margin:12px 0}.chat-wrap{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:10px;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chat-row{display:flex}.chat-row--user{justify-content:flex-end}.chat-avatar{width:28px;height:28px;border-radius:var(--r-sm);background:var(--brand);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;margin-right:8px;align-self:flex-end}.chat-bubble{max-width:78%;padding:10px 14px;font-size:14px}.chat-bubble--user{background:var(--brand);color:#fff;border:none;border-radius:18px 18px 4px}.chat-bubble--assistant{background:var(--bg-1);color:var(--txt-1);border:.5px solid var(--bdr-2);border-radius:18px 18px 18px 4px}.chat-input-bar{padding:12px 14px;background:var(--bg-1);border-top:.5px solid var(--bdr-2);display:flex;gap:8px}.chat-send{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:none;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center}.chat-send--on{background:var(--brand)}.chat-send--off{background:var(--bdr-2);cursor:default}.filter-bar{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.filter-pill{padding:5px 12px;border-radius:var(--r-full);border:1px solid var(--bdr-2);background:transparent;color:var(--txt-2);font-size:12px;transition:all .15s;font-family:var(--font)}.filter-pill--on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.chip-bar{padding:14px 14px 6px;display:flex;flex-wrap:wrap;gap:8px}.chip{display:flex;align-items:center;gap:6px;background:var(--bg-1);border:.5px solid var(--bdr-2);border-radius:var(--r-full);padding:7px 13px;font-size:13px;color:var(--txt-1);font-family:var(--font)}.chip:hover{background:var(--bg-2)}.confirm-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.role-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);border:1.5px solid var(--bdr-2);background:var(--bg-2);text-align:left}.role-option--on{border-color:var(--brand);background:var(--brand-100)}.role-option--locked{opacity:.5;cursor:default}.house-option{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-md);border:1.5px solid var(--bdr-2);background:var(--bg-2);text-align:left}.house-option--on{border-color:var(--brand);background:var(--brand-100)}.radio-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--bdr-2);background:#fff;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center}.radio-dot--on{border-color:var(--brand);background:var(--brand)}.radio-dot__inner{width:8px;height:8px;border-radius:50%;background:#fff}.checkbox-box{width:20px;height:20px;border-radius:var(--r-xs);border:2px solid var(--bdr-2);background:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center}.checkbox-box--on{border-color:var(--brand);background:var(--brand)}.checkbox-check{color:#fff;font-size:12px}.login-screen{min-height:100vh;background:#f8f7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.login-inner{width:100%;max-width:380px}.login-hero{text-align:center;margin-bottom:28px}.login-tag{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.login-title{font-size:22px;font-weight:800;color:var(--brand-dark);line-height:1.2}.login-sub{font-size:13px;color:var(--txt-2);margin-top:6px;line-height:1.5}.login-choice{display:flex;flex-direction:column;gap:12px}.login-option{padding:16px;border-radius:var(--r-xl);display:flex;align-items:center;gap:14px;text-align:left;border:.5px solid var(--bdr-2);background:#fff;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.login-option:hover{box-shadow:var(--shadow-md)}.login-option--admin{background:linear-gradient(135deg,#f97316,#ea580c);border:none;box-shadow:0 4px 14px #f9731659}.login-option__icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.login-option__icon--m{background:var(--accent-light)}.login-option__icon--a{background:#ffffff2e}.login-option__title{font-weight:700;font-size:15px;color:var(--brand-dark)}.login-option__title--w{color:#fff}.login-option__desc{font-size:12px;color:var(--txt-2);margin-top:2px}.login-option__desc--w{color:#fffc}.login-admin-card{background:#fff;border:.5px solid #e5e7eb;border-radius:var(--r-xl);padding:20px;box-shadow:var(--shadow-sm)}.login-footer{text-align:center;margin-top:24px;font-size:11px;color:var(--txt-3)}.auth-wrap{min-height:100vh;background:var(--bg-3);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px}.auth-inner{width:100%;max-width:400px}.auth-logo{text-align:center;margin-bottom:28px}.step-bar{display:flex;gap:6px;margin-bottom:20px}.step-seg{flex:1;height:4px;border-radius:var(--r-full);background:var(--bdr-2)}.step-seg--on{background:var(--brand)}.cfg-card-title{font-weight:600;font-size:13px;color:var(--brand);margin-bottom:12px;display:flex;align-items:center;gap:6px}.drop-zone{border:2px dashed var(--brand-200);border-radius:var(--r-lg);padding:28px 16px;text-align:center;cursor:pointer;background:#fafafe;transition:all .2s}.drop-zone--over{border-color:var(--brand);background:var(--brand-100)}.thumb{border-radius:var(--r-sm);background-size:cover;background-position:center;border:.5px solid var(--bdr-2);flex-shrink:0}.thumb--sm{width:56px;height:38px}.thumb--md{width:72px;height:48px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{width:100%;max-width:520px;background:#fff;border-radius:18px 18px 0 0;padding:24px 24px 32px}.modal-title{font-weight:700;font-size:16px;color:var(--amber);margin-bottom:4px}.modal-body{font-size:13px;color:var(--txt-2);margin-bottom:16px;line-height:1.5}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.flex-2{flex:2}.shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.grid-2{display:grid;grid-template-columns:1fr 1fr}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.gap-y-2{row-gap:8px}.gap-y-3{row-gap:12px}.w-full{width:100%}.min-w-0{min-width:0}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-xs{font-size:var(--text-xs)}.t-sm{font-size:var(--text-sm)}.t-md{font-size:var(--text-md)}.t-base{font-size:var(--text-base)}.t-lg{font-size:var(--text-lg)}.t-xl{font-size:var(--text-xl)}.t-bold{font-weight:700}.t-semi{font-weight:600}.t-1{color:var(--txt-1)}.t-2{color:var(--txt-2)}.t-3{color:var(--txt-3)}.t-brand{color:var(--brand)}.t-green{color:var(--green)}.t-red{color:var(--red)}.t-amber{color:var(--amber)}.t-white{color:#fff}.t-center{text-align:center}.t-right{text-align:right}.t-upper{text-transform:uppercase}.t-track{letter-spacing:.05em}.lh-6{line-height:1.6}.cursor-pointer{cursor:pointer}.pointer-none{pointer-events:none}.rounded-full{border-radius:var(--r-full)}.border-t{border-top:.5px solid var(--bdr-2)}.border-b{border-bottom:.5px solid var(--bdr-2)}.bg-1{background:var(--bg-1)}.bg-2{background:var(--bg-2)}.bg-3{background:var(--bg-3)}.opacity-60{opacity:.6}.opacity-35{opacity:.35}.no-select{-webkit-user-select:none;user-select:none}@media(max-width:360px){:root{--text-sm: 11px;--text-md: 12px;--text-base: 13px}.app-header{padding:10px 12px;gap:8px}.app-header__logo{width:30px;height:30px;font-size:15px}.app-header__title{font-size:13px}.bottom-nav__icon{font-size:20px}.bottom-nav__label{font-size:9px}.bottom-nav__item{padding:8px 2px 4px}.screen,.card{padding:12px}.chat-wrap,.chat-input-bar{padding:8px 10px}.chat-bubble{font-size:13px;padding:8px 11px}.chip{font-size:12px;padding:6px 10px}}@media(min-width:600px){:root{--text-sm: 13px;--text-md: 14px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px}.app-header{padding:14px 20px}.app-header__logo{width:38px;height:38px;font-size:19px}.app-header__title{font-size:15px}.app-header__sub{font-size:12px}.bottom-nav__item{padding:12px 8px 8px}.bottom-nav__icon{font-size:26px}.bottom-nav__label{font-size:11px}.screen{padding:20px}.card{padding:18px 20px}.chat-wrap{padding:14px 20px;gap:12px}.chat-input-bar{padding:14px 20px}.chat-bubble{font-size:15px;padding:11px 16px;max-width:72%}.chip{font-size:14px;padding:9px 16px}.btn{font-size:14px;padding:11px 18px}.btn--sm{font-size:13px;padding:7px 14px}.form-input{font-size:14px;padding:10px 14px}.section-title{font-size:13px}.badge{font-size:12px}}@media(min-width:768px){body{background:linear-gradient(155deg,var(--brand-dark) 0%,#312e81 55%,var(--brand) 100%);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}#root{width:100%;max-width:520px;height:100vh;height:100dvh}.app-root{box-shadow:0 32px 80px #00000073,0 0 0 .5px #ffffff14;margin:0;max-width:100%}.modal-sheet{max-width:520px;border-radius:18px;bottom:24px}.banner-desktop-tall{height:180px!important}}@media(min-width:1024px){body{padding:24px 0}#root{height:calc(100vh - 48px);height:calc(100dvh - 48px);border-radius:var(--r-2xl);overflow:hidden}.app-root{border-radius:var(--r-2xl);height:100%}}@keyframes dot{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-5px);opacity:1}}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.6;animation:dot 1.2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease}