
:root{--ink:#202a38;--muted:#697586;--border:#e4e8ee;--bg:#f5f7fa;--surface:#fff;--blue:#245edb;--blue-soft:#edf3ff;--green:#16846c;--green-soft:#eaf7f1;--orange:#ad6419;--orange-soft:#fff5e7;--red:#bb4152;--red-soft:#fff0f2;--radius:8px;--shadow:0 10px 36px #202a3810;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #82a9ff}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:27px;font-weight:650;line-height:1.25}h2{font-size:19px;font-weight:650}h3{font-size:15px;font-weight:650}small,.small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:var(--s3)}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--s4)}.gap8{gap:var(--s2)}.mt{margin-top:var(--s6)}.mt12{margin-top:var(--s3)}.wide{width:100%}.grow{flex:1;min-width:0}.icon{width:19px;height:19px;flex:none;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:10px 16px;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:var(--radius);font-weight:600;min-height:42px;text-decoration:none;white-space:normal}.btn:hover{background:#f4f6f9}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:#194cbd}.btn.ghost{border-color:transparent;background:transparent}.btn.danger{color:var(--red);border-color:#f0cbd2}.btn.sm{padding:7px 12px;min-height:36px;font-size:12px}.linkbtn{border:0;background:transparent;padding:0;color:var(--blue);font-weight:600;text-align:left}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:5px;font-size:11px;font-weight:650;background:#eef1f5;color:#596676;white-space:nowrap}.badge.green{color:var(--green);background:var(--green-soft)}.badge.blue{color:var(--blue);background:var(--blue-soft)}.badge.orange{color:var(--orange);background:var(--orange-soft)}.badge.red{color:var(--red);background:var(--red-soft)}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.prototype-bar{position:sticky;top:0;z-index:30;background:#202a38;color:#dce3ec;min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;gap:16px}.prototype-bar .label{font-size:12px}.prototype-bar .label strong{color:#fff;font-weight:600}.mode-switch{display:flex;background:#ffffff0c;border:1px solid #ffffff16;padding:3px;border-radius:7px;gap:3px}.mode-switch button{color:#c8d1dc;background:transparent;border:0;border-radius:4px;padding:7px 16px;min-height:34px;font-size:12px;font-weight:600}.mode-switch button.active{background:#fff;color:var(--ink)}.reset{background:transparent;border:0;color:#c8d1dc;display:flex;gap:7px;align-items:center;font-size:12px;padding:8px}.shell{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:calc(100vh - 58px)}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:58px;height:calc(100vh - 58px);padding:24px 14px 16px}.brand{padding:0 10px 27px;display:flex;align-items:center;gap:10px}.brandmark{height:32px;width:32px;border:1px solid #cdd9ed;border-radius:8px;display:grid;grid-template-columns:repeat(2,6px);grid-template-rows:repeat(2,6px);gap:3px;align-content:center;justify-content:center;background:var(--blue-soft)}.brandmark i{display:block;background:var(--blue);border-radius:1px}.brand strong{font-size:15px}.brand small{display:block;color:var(--muted);font-size:11px}.nav-section{padding:12px 12px 7px;font-size:10px;text-transform:uppercase;color:#8c97a5;font-weight:700;letter-spacing:1px}.nav{display:flex;flex-direction:column;gap:3px}.nav button{border:0;text-align:left;background:transparent;padding:10px 12px;display:flex;align-items:center;gap:11px;color:#667183;border-radius:6px;min-height:42px}.nav button:hover{background:#f6f8fb}.nav button.active{background:var(--blue-soft);color:var(--blue);font-weight:650}.nav-count{margin-left:auto;font-size:10px;background:#dce8ff;color:var(--blue);padding:1px 6px;border-radius:4px}.sidebar-footer{margin-top:auto;padding:20px 10px 0}.avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:50%;background:#eaf0fa;color:#355e99;font-size:12px;font-weight:650}.topbar{background:var(--surface);border-bottom:1px solid var(--border);height:74px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar .context{font-weight:600;display:flex;align-items:center;gap:10px}.topbar .context .icon{color:var(--muted)}.content{padding:30px 34px 48px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-head p{margin-top:6px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat .value{font-size:28px;font-weight:650;line-height:1.2;margin:12px 0 7px}.stat .meta{font-size:11px;color:var(--muted)}.stat .icon{color:#7f91ad}.grid2{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px}.grid-equal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-pad{padding:22px}.list-item{display:flex;align-items:center;gap:13px;padding:17px 20px;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:0}.list-item .title{font-weight:600}.list-item .sub{color:var(--muted);font-size:12px;margin-top:3px}.tile-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#f0f4fa;color:#627fa8;flex:none}.tile-icon.green{background:var(--green-soft);color:var(--green)}.tile-icon.orange{background:var(--orange-soft);color:var(--orange)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:13px}th{padding:13px 18px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;background:#fafbfd;font-weight:650;border-bottom:1px solid var(--border)}td{padding:16px 18px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:0}td strong{font-size:13px;font-weight:600}.table-sub{font-size:11px;color:var(--muted);margin-top:3px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.search{width:min(340px,100%);position:relative}.search .icon{position:absolute;left:12px;top:12px;color:#8290a2}.search input{padding-left:39px}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:12px;font-weight:600}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #dce1e8;border-radius:6px;background:#fff;color:var(--ink);min-height:42px}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:2px solid #245edb18}textarea{resize:vertical;min-height:94px}input[type=checkbox],input[type=radio]{width:17px;min-height:17px;height:17px;accent-color:var(--blue);flex:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px}.check input{margin-top:3px}.notice{padding:14px 16px;border-radius:6px;background:var(--blue-soft);color:#3f5c8c;font-size:12px;border:1px solid #dee8fa;line-height:1.6}.notice.orange{background:var(--orange-soft);color:#805a2d;border-color:#f2e3cd}.notice.green{background:var(--green-soft);color:#27725f;border-color:#d3ebdf}.notice.red{background:var(--red-soft);color:#a73547;border-color:#f3ced5}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty .icon{width:30px;height:30px;margin-bottom:12px;color:#a7b3c3}.empty p{margin:8px 0 16px}.divider{height:1px;background:var(--border);margin:20px 0}.progress{height:6px;background:#edf0f5;border-radius:4px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--blue);border-radius:4px}.bar-chart{display:flex;align-items:flex-end;gap:18px;height:165px;padding:10px 6px 0}.bar-col{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;height:100%;gap:9px}.bar-col .bar{width:100%;max-width:38px;background:#dce8ff;border-radius:4px 4px 0 0;min-height:4px}.bar-col:last-child .bar{background:var(--blue)}.bar-col small{font-size:10px;color:var(--muted)}.card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);overflow:hidden}.card-body{padding:20px}.card-art{height:120px;display:flex;align-items:center;justify-content:center;background:#e9eff6;position:relative;overflow:hidden}.card-art .icon{width:42px;height:42px;stroke-width:1.2;color:#7892b2}.card-art.green{background:#e7f2ec}.card-art.green .icon{color:#6b9b81}.card-art.sand{background:#f3ede3}.card-art.sand .icon{color:#ad9474}.card-art .room-no{position:absolute;left:18px;bottom:13px;font-size:10px;color:#667e9a;letter-spacing:1px}.card-art .badge{position:absolute;right:12px;top:12px}.card h3{font-size:16px}.card p{font-size:12px;color:var(--muted);margin-top:6px}.card .actions{display:flex;align-items:center;justify-content:space-between;margin-top:20px;gap:8px}.resident-shell{min-height:calc(100vh - 58px)}.resident-top{height:83px;background:#fff;border-bottom:1px solid var(--border);padding:0 max(24px,calc((100vw - 1060px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.resident-top .brand{padding:0}.resident-nav{display:flex;align-items:center;gap:5px}.resident-nav button{padding:10px 13px;border:0;background:transparent;border-radius:6px;color:var(--muted);display:flex;align-items:center;gap:7px;font-weight:550;font-size:12px}.resident-nav button.active{color:var(--blue);background:var(--blue-soft)}.resident-content{max-width:1060px;margin:auto;padding:34px 24px 70px}.resident-content .stats{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.welcome h1{font-size:30px}.welcome p{color:var(--muted);margin-top:8px}.welcome .date{text-align:right}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 30px}.quick-action{border:1px solid var(--border);background:#fff;text-align:left;padding:17px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;min-height:70px}.quick-action:hover{border-color:#b4c9eb;background:#fafcff}.quick-action .icon{color:var(--blue)}.feature-strip{display:flex;align-items:center;gap:18px;background:#eaf0fc;padding:22px 24px;border:1px solid #dce6f8;border-radius:8px;margin-bottom:28px}.feature-strip .symbol{width:42px;height:42px;background:#fff;border:1px solid #d2dff5;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--blue);flex:none}.feature-strip h2{font-size:17px}.feature-strip p{color:#62728d;font-size:12px;margin-top:4px}.mobile-bottom{display:none}.segmented{display:inline-flex;background:#eaf0f5;border-radius:6px;padding:3px;gap:3px;flex-wrap:wrap}.segmented button{padding:7px 13px;border:0;border-radius:4px;color:var(--muted);background:transparent;font-size:12px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #202a3809}.vote-card{padding:22px;border:1px solid var(--border);border-radius:8px;background:white;display:flex;flex-direction:column;gap:14px}.vote-card h3{font-size:17px}.vote-card .description{color:var(--muted);font-size:12px}.vote-card .bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto}.ballot-option{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--border);border-radius:7px;cursor:pointer}.ballot-option:has(input:checked){background:var(--blue-soft);border-color:#9eb9ef}.ballot-option input{margin:0}.steps{display:flex;gap:10px;margin:0 0 23px;align-items:center}.step{display:flex;align-items:center;gap:8px;color:#8b96a5;font-size:11px}.step i{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#eef1f5;border-radius:50%;font-style:normal}.step.active{color:var(--blue);font-weight:650}.step.active i{background:var(--blue-soft)}.step-line{height:1px;background:var(--border);flex:1}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.slot{padding:12px;border:1px solid var(--border);border-radius:6px;background:white;font-size:12px}.slot.selected{color:var(--blue);background:var(--blue-soft);border-color:#99b7f0}.summary-line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;font-size:13px;border-bottom:1px solid #eef1f5}.summary-line:last-child{border:0}.summary-line span:first-child{color:var(--muted)}.success-symbol{display:flex;align-items:center;justify-content:center;background:var(--green-soft);color:var(--green);width:54px;height:54px;border-radius:50%;margin:0 auto 16px}.success-symbol .icon{width:27px;height:27px}.success-head{text-align:center;margin-bottom:25px}.success-head p{color:var(--muted);margin-top:8px;font-size:13px}.code{font:700 27px ui-monospace,monospace;letter-spacing:4px;text-align:center;padding:20px;background:#f5f7fb;border:1px dashed #cdd7e6;border-radius:6px;margin:16px 0}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px}.chat-box{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-height:540px}.chat-header{padding:17px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.chat-messages{padding:24px;flex:1;display:flex;flex-direction:column;gap:20px;max-height:540px;overflow-y:auto;min-height:310px}.message{display:flex;gap:10px;max-width:95%;align-items:flex-start}.message .avatar{width:28px;height:28px;font-size:10px}.message.user{margin-left:auto;flex-direction:row-reverse}.bubble{padding:13px 16px;border-radius:8px;background:#f2f5f9;line-height:1.7;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.message.user .bubble{background:var(--blue-soft);color:#274f92}.source{display:inline-flex;gap:5px;align-items:center;margin-top:9px;border:1px solid #dce4ef;background:#fff;color:#65758a;border-radius:4px;padding:4px 7px;font-size:10px}.chat-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.chat-form{display:flex;gap:10px;padding:16px;border-top:1px solid var(--border)}.chat-form input{background:#fafbfd}.chat-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.chat-suggestions button{border:1px solid var(--border);background:white;border-radius:6px;padding:8px 10px;color:var(--muted);font-size:11px}.comment{padding:16px 0;border-bottom:1px solid var(--border)}.comment:last-child{border:0}.comment p{font-size:13px;margin-top:8px;line-height:1.65}.comment small{font-size:10px;color:var(--muted)}.timeline{display:flex;flex-direction:column;gap:20px}.timeline-item{display:flex;gap:12px;align-items:flex-start}.timeline-item .dot{margin-top:7px;background:var(--blue);flex:none}.timeline-item p{font-size:12px;color:var(--muted);margin-top:3px}.modal-overlay{position:fixed;inset:0;z-index:60;background:#1824355c;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:600px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;background:#fff;border-radius:10px;box-shadow:0 25px 100px #101d3240}.modal.large{width:760px}.modal-header{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:15px}.modal-header h2{font-size:19px}.close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;background:#f1f4f8;border-radius:6px;color:var(--muted)}.modal-body{padding:24px}.modal-footer{padding:18px 24px;display:flex;justify-content:flex-end;align-items:center;gap:10px;border-top:1px solid var(--border)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:90;background:#253447;color:#fff;padding:13px 20px;border-radius:7px;box-shadow:var(--shadow);font-size:13px;max-width:calc(100vw - 32px);display:flex;gap:9px;align-items:center}.toast.error{background:#963b4e}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-grid button{display:flex;align-items:center;gap:13px;padding:20px;border:1px solid var(--border);border-radius:7px;background:#fff;text-align:left}.menu-grid .icon{color:var(--blue)}.document-text{white-space:pre-wrap;line-height:1.8;font-size:13px;color:#4b596b}.info-pair{display:flex;flex-direction:column;gap:4px}.info-pair span{color:var(--muted);font-size:11px}.info-pair strong{font-size:13px}.data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.status-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:22px}.checklist{display:flex;flex-direction:column;gap:15px}.checklist .check{padding:13px;border:1px solid var(--border);border-radius:6px}.only-mobile{display:none}
@media(min-width:1550px){.content{padding-top:38px}.resident-content{padding-top:40px}}
@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}.content{padding:25px 23px}.topbar{padding:0 23px}.grid2{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:16px}.resident-nav{gap:0}.resident-nav button{padding:10px}.resident-top{padding:0 24px}.chat-layout{grid-template-columns:minmax(0,1fr) 220px}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.prototype-bar{padding:8px 12px;gap:8px;min-height:63px}.prototype-bar .label{font-size:10px}.prototype-bar .label .detail{display:none}.mode-switch button{padding:7px 10px;font-size:11px}.reset{padding:6px;font-size:0}.reset .icon{width:17px}.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:62px;padding:0 18px}.topbar .date-label{display:none}.topbar .context{font-size:12px}.content{padding:23px 18px 40px}.page-head{align-items:flex-start;margin-bottom:22px;gap:12px}.page-head h1{font-size:23px}.page-head p{font-size:12px}.page-head .btn{padding:9px 12px;font-size:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:23px}.stat .value{font-size:25px}.grid-equal,.grid3{grid-template-columns:1fr}.grid2{gap:23px}.mobile-admin-nav{display:flex;overflow-x:auto;gap:6px;padding:10px 18px;background:#fff;border-bottom:1px solid var(--border)}.mobile-admin-nav button{background:transparent;border:0;color:var(--muted);padding:8px 11px;white-space:nowrap;font-size:11px;border-radius:5px;min-height:35px}.mobile-admin-nav button.active{background:var(--blue-soft);color:var(--blue)}.only-mobile{display:block}.resident-top{height:67px;padding:0 18px}.resident-top .brand strong{font-size:13px}.resident-top .brand small{font-size:10px}.resident-nav{display:none}.resident-content{padding:25px 18px 100px}.welcome{margin-bottom:22px}.welcome h1{font-size:26px}.welcome .date{display:none}.resident-content .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.resident-content .stat{padding:12px}.resident-content .stat .value{font-size:22px}.resident-content .stat .row .icon{display:none}.resident-content .stat .row .muted{font-size:10px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-action{padding:14px;min-height:63px;font-size:12px;gap:10px}.feature-strip{padding:17px;gap:12px;flex-wrap:wrap}.feature-strip .grow{flex-basis:calc(100% - 60px)}.feature-strip .btn{margin-left:54px;font-size:12px;min-height:36px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);z-index:25;justify-content:space-around;padding:8px 6px max(8px,env(safe-area-inset-bottom))}.mobile-bottom button{background:transparent;border:0;display:flex;align-items:center;flex-direction:column;gap:4px;color:#7c8898;font-size:9px;min-width:54px;padding:6px;min-height:48px}.mobile-bottom button.active{color:var(--blue);font-weight:650}.mobile-bottom .icon{height:20px;width:20px}.chat-layout{grid-template-columns:1fr}.chat-aside{display:none}.chat-box{min-height:430px}.chat-messages{padding:17px;max-height:420px}.chat-form{padding:12px;gap:8px}.chat-form button{padding:10px}.chat-form button .send-label{display:none}.chat-suggestions button{font-size:10px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.modal-overlay{padding:12px;align-items:center}.modal{max-height:calc(100dvh - 24px)}.modal-header{padding:17px 18px}.modal-header h2{font-size:18px}.modal-body{padding:19px 18px}.modal-footer{padding:14px 18px;flex-wrap:wrap}.steps{gap:6px}.step{gap:5px;font-size:10px}.slots{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-wrap:wrap}.toolbar .search{width:100%}.list-item{padding:15px}.list-item .btn{padding:7px 10px}.menu-grid{grid-template-columns:1fr}.data-grid{gap:15px}.toast{bottom:90px;min-width:230px}.status-banner{flex-wrap:wrap}.card-art{height:108px}.resident-content .page-head{flex-wrap:wrap}}
@media(prefers-reduced-motion:no-preference){button{transition:background .12s,border-color .12s}}
.shell>div,.grid2>*,.grid-equal>*{min-width:0}.sidebar{overflow-y:auto}.stat .value{overflow-wrap:anywhere}.topbar .context{flex-wrap:wrap;min-width:0}.info-pair strong,.summary-line strong{overflow-wrap:anywhere}.summary-line strong{text-align:right;min-width:0}.chat-form input{min-width:0}.stat .value.amount{font-size:25px}
@media(max-width:800px){.shell{grid-template-columns:minmax(0,1fr)}.topbar .context{gap:6px}.topbar>.row{gap:7px;flex:none}.stat .value.amount{font-size:21px}.sidebar-footer{padding-bottom:20px}.data-grid{grid-template-columns:1fr}.modal .summary-line{flex-wrap:wrap}}
@media(max-width:380px){.prototype-bar{padding:8px;gap:5px}.prototype-bar .label{font-size:9px;width:49px;flex:none}.mode-switch button{padding:7px 8px;font-size:10px}.reset{padding:5px}.resident-content .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat .value.amount{font-size:17px}.topbar{padding:0 12px}.topbar .context{font-size:11px}.topbar .avatar{width:27px;height:27px}.page-head{flex-wrap:wrap}.resident-top{padding:0 14px}}
.stat .value.amount{white-space:nowrap;overflow-wrap:normal}
@media(max-width:800px){.mobile-admin-nav.only-mobile{display:flex;flex-wrap:nowrap}}
@media(max-width:380px){.stat .value.amount{font-size:16px}.stat{padding:12px}}

.login-shell{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:#edf3ff;display:flex;flex-direction:column;justify-content:space-between;padding:48px 60px}.login-story h1{font-size:42px;line-height:1.18;max-width:450px}.login-story p{color:#60748f;max-width:410px;margin-top:20px;font-size:16px}.login-content{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{max-width:380px;width:100%;display:flex;flex-direction:column;gap:22px}.login-form h1{font-size:28px}.error-inline{color:var(--red);font-size:13px;line-height:1.6}.app-context-select{max-width:360px;font-size:12px;padding:8px 12px;min-height:36px}.prototype-bar .row{min-width:0}.plain-list{display:flex;flex-direction:column;gap:12px}.helper{font-size:12px;color:var(--muted)}.poll-card{min-height:265px}.checkbox-row{display:flex;gap:10px;align-items:center}.login-story .brand{padding:0}.mobile-admin-nav{display:none}.login-account-list{font-size:11px;color:var(--muted);border-top:1px solid var(--border);padding-top:16px;line-height:1.8}.app-data-note{display:inline-flex;gap:8px;align-items:center}.source{white-space:normal}.chat-messages{max-height:500px}.chat-layout{grid-template-columns:minmax(0,1fr) 250px}.header-action{border:0;background:transparent;color:#fff;font-size:12px;padding:8px;min-height:35px}.stat .value.amount{font-size:24px}.modal-body form{display:flex;flex-direction:column;gap:16px}.reservation-slot{font-size:12px;color:var(--muted)}.btn-inline{display:inline-flex;align-items:center;gap:8px}.poll-result{padding:14px;background:var(--green-soft);color:var(--green);border-radius:6px;font-weight:600}.poll-result.orange{background:var(--orange-soft);color:var(--orange)}.vote-options{display:flex;flex-direction:column;gap:10px}.mobile-admin-nav button{flex:none}.condo-selector{display:flex;gap:12px;align-items:center;max-width:60%}.unit-label{white-space:nowrap}.field:has(input[readonly]){opacity:.8}.busy{opacity:.6;pointer-events:none}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-content{padding:30px 24px}.prototype-bar{flex-wrap:wrap;min-height:58px}.prototype-bar .label{width:auto!important;font-size:11px}.prototype-bar .row{gap:8px}.app-context-select{max-width:220px}.topbar{height:auto;min-height:68px;padding:12px 18px}.condo-selector{max-width:100%;flex:1}.condo-selector select{max-width:230px;width:100%}.topbar .context{display:none}.topbar .unit-label{display:none}.chat-layout{grid-template-columns:1fr}.chat-aside{display:none}.mobile-admin-nav{display:flex!important;flex-wrap:nowrap;overflow:auto;gap:5px;padding:8px 16px;background:#fff;border-bottom:1px solid var(--border)}.content{padding-bottom:40px}.header-action{font-size:11px}.chat-box{min-height:460px}.chat-messages{max-height:430px}.page-head .btn{white-space:nowrap}.stat .value.amount{font-size:19px}.form-grid{grid-template-columns:1fr}.data-grid{grid-template-columns:1fr}.prototype-bar{position:static}.sidebar{top:58px}}
@media(max-width:380px){.prototype-bar .label{font-size:10px}.header-action{padding:7px 4px}.condo-selector select{max-width:205px}.stat .value.amount{font-size:16px}}

.ai-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:24px}.ai-filters .field{min-width:180px;max-width:320px;flex:1}.ai-stats .value{font-size:24px}.ai-filters button{flex:none}
@media(max-width:800px){.ai-filters{gap:12px}.ai-filters .field{min-width:0;flex-basis:100%;max-width:none}.ai-stats .value{font-size:20px}.ai-stats .stat{min-width:0}}
