@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--blue:#1762df;--blue-dark:#103977;--orange:#f08c35;--ink:#192d45;--muted:#778598;--line:#e8edf3;--paper:#f6f8fb;--green:#21856b;--shadow:0 8px 30px #203c6010}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #ef9a4b;outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,sans-serif}button{border:0;background:none;color:inherit}a{color:var(--blue)}svg{width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.layout{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{background:#fff;padding:36px 22px 22px;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;width:235px;display:flex;flex-direction:column;z-index:20}.brand{display:block;width:174px;height:auto;margin:0 0 38px 5px}.workspace{font-size:10px;letter-spacing:1.8px;color:#96a1af;font-weight:700;padding:0 15px 12px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:13px 15px;border-radius:10px;font-weight:550;color:#748094}.nav button.active{background:#edf3ff;color:var(--blue)}.nav button:hover{background:#f3f6fa}.nav button.active:before{content:'';position:absolute;left:0;width:3px;height:27px;background:var(--blue);border-radius:0 4px 4px 0}.nav .count{margin-left:auto;font-size:11px;border-radius:6px;padding:2px 6px;background:#dce8ff;color:var(--blue)}.side-bottom{margin-top:auto}.side-tip{margin:24px 0;padding:17px;background:#f2f6fd;border-radius:13px;font-size:12px;line-height:1.65}.side-tip strong{display:block;font-size:13px;margin:8px 0 4px}.side-tip button{padding:0;color:var(--blue);font-size:12px;font-weight:700;margin-top:9px}.side-user{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:20px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#e4edfc;color:#4774a9;font-size:12px;font-weight:700;flex-shrink:0}.avatar.orange{background:#fff0e2;color:#b36e32}.avatar.green{background:#e8f3ee;color:#43806c}.side-user strong{font-size:12px}.small{font-size:11px;color:var(--muted);line-height:1.6}.main{grid-column:2;min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:15px}.crumb{font-size:12px;color:#8390a1;display:flex;gap:10px;align-items:center}.crumb b{color:#506177;font-weight:500}.top-actions{display:flex;align-items:center;gap:18px}.role-control{display:flex;gap:8px;align-items:center;background:#f4f6fa;border:1px solid var(--line);padding:8px 11px;border-radius:9px}.role-control label{font-size:11px;color:var(--muted)}select{border:0;background:transparent;color:var(--ink);font-weight:600;font-size:12px;max-width:130px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;position:relative;background:#fff}.dot{position:absolute;width:6px;height:6px;background:var(--orange);border:2px solid white;box-sizing:content-box;border-radius:50%;right:5px;top:4px}.demo-strip{padding:9px 42px;font-size:11px;color:#627489;display:flex;align-items:center;justify-content:space-between;background:#edf3fc;gap:12px}.demo-strip span{display:flex;align-items:center;gap:7px}.demo-strip svg{width:13px;height:13px}.demo-strip button{font-size:11px;color:var(--blue);text-decoration:underline;text-underline-offset:3px}.content{max-width:1500px;margin:auto;padding:34px 42px 44px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#8795a6;text-transform:uppercase;font-weight:700;margin-bottom:9px}h1{font-size:28px;letter-spacing:-1.2px;font-weight:800}.subheading{color:var(--muted);font-size:13px;line-height:1.7;margin-top:8px}.date{font-size:11px;color:var(--muted);white-space:nowrap}.btn{background:var(--blue);color:#fff;font-weight:600;padding:12px 17px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;transition:transform .15s,background .15s}.btn:hover{background:#1153c2;transform:translateY(-1px)}.btn svg{width:15px;height:15px}.btn.secondary{background:white;color:var(--ink);border:1px solid #e1e7ee}.btn.secondary:hover{background:#f6f8fc}.btn.orange{background:#f39a4a;color:#352b25}.btn.danger{background:#fff1ed;color:#ad533d}.text-btn{color:var(--blue);font-size:12px;font-weight:650;display:inline-flex;align-items:center;gap:6px;padding:0}.text-btn svg{width:14px;height:14px}.hero{position:relative;overflow:hidden;min-height:203px;background:#e9f1fe;border:1px solid #e1eafb;border-radius:17px;padding:30px 34px;margin-bottom:25px;display:flex;align-items:center;justify-content:space-between}.hero-copy{position:relative;z-index:2;max-width:400px}.hero .eyebrow{color:#5277aa}.hero h2{font-size:27px;line-height:1.32;letter-spacing:-1px;font-weight:800}.hero p{color:#6a80a0;max-width:355px;font-size:12px;line-height:1.8;margin:10px 0 18px}.hero .btn{background:white;color:var(--blue);box-shadow:0 3px 8px #164a9410}.hero-art{width:280px;flex-shrink:0;align-self:stretch;display:flex;align-items:center;justify-content:center;position:relative}.hero-art:before{content:'';width:206px;height:206px;border:1px solid #d0def6;border-radius:50%;position:absolute}.hero-art .building{width:240px;height:170px;z-index:1}.floating-chip{position:absolute;background:#fff;border:1px solid #edf1f6;padding:9px 12px;border-radius:10px;box-shadow:var(--shadow);font-size:10px;z-index:3;display:flex;align-items:center;gap:7px;right:-5px;top:12px;transform:rotate(3deg)}.floating-chip svg{width:15px;color:var(--green)}.floating-chip.bottom{left:-12px;right:auto;top:auto;bottom:6px;transform:rotate(-3deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:19px;display:flex;gap:14px;align-items:flex-start;text-align:left}.stat-icon{width:38px;height:38px;border-radius:10px;background:#eef4fe;display:grid;place-items:center;color:var(--blue)}.stat:nth-child(2) .stat-icon{background:#fff3e8;color:#d4853b}.stat:nth-child(3) .stat-icon{background:#ecf5f1;color:#45967b}.stat:nth-child(4) .stat-icon{background:#f2eefb;color:#9381ba}.stat-value{font-size:24px;font-weight:750;letter-spacing:-.8px;line-height:1.2}.stat-label{font-size:11px;color:var(--muted);margin:5px 0 7px}.stat-note{font-size:9px;color:#93a0ae}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:25px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px;gap:10px}.section-head h2{font-size:16px;letter-spacing:-.4px}.attention-list{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.attention-item{padding:17px 18px;display:flex;align-items:center;gap:13px;width:100%;text-align:left;border-bottom:1px solid var(--line)}.attention-item:last-child{border:0}.attention-item:hover{background:#fafcff}.attention-item .detail{flex:1;min-width:0}.attention-item strong{font-size:12px;display:block;margin-bottom:5px}.attention-item p{font-size:10px;color:var(--muted);line-height:1.6}.attention-item>svg{width:15px;color:#9ba7b4}.task-icon{width:36px;height:36px;background:#fff3e7;color:#d68b45;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.task-icon.blue{background:#ecf2fe;color:#5c87ce}.task-icon.green{background:#eaf4ef;color:#5c9882}.task-icon svg{width:17px}.badge{display:inline-flex;align-items:center;font-size:9px;line-height:1.4;padding:4px 7px;border-radius:5px;background:#eef3fc;color:#6080ac;font-weight:600;white-space:nowrap}.badge.orange{background:#fff1df;color:#b47a3d}.badge.green{background:#e9f5ee;color:#4b8d71}.badge.grey{background:#f1f3f6;color:#8793a2}.badge.red{background:#fff0ec;color:#b66d56}.properties-section{margin-top:28px}.property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.property-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;text-align:left;padding:0;transition:transform .2s,box-shadow .2s}.property-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.property-picture{height:125px;background:#e5edf3;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.property-picture svg{height:115px;width:210px;stroke:none}.property-picture.warm{background:#eee9e1}.property-picture .badge{position:absolute;top:12px;left:12px;background:#ffffffed;color:#47846c}.property-info{padding:16px}.property-info h3{font-size:12px;margin-bottom:5px}.property-info .location{font-size:10px;color:var(--muted)}.property-meta{display:flex;justify-content:space-between;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:10px;color:#8a98a8}.property-meta strong{color:#344c67;font-size:12px}.property-meta svg{width:13px;height:13px;margin-right:4px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.panel h2{font-size:14px;letter-spacing:-.3px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-head svg{width:17px;color:#8e9bad}.timeline{padding:0;margin:0;list-style:none}.timeline li{position:relative;padding:0 0 23px 29px;font-size:11px}.timeline li:before{content:'';position:absolute;top:6px;left:5px;width:7px;height:7px;border-radius:50%;background:#c5d8f5;box-shadow:0 0 0 4px #f1f6fe}.timeline li:after{content:'';position:absolute;top:18px;bottom:2px;left:8px;width:1px;background:var(--line)}.timeline li:last-child:after{display:none}.timeline strong{display:block;font-size:11px;line-height:1.7;font-weight:550}.timeline p{font-size:10px;color:var(--muted);line-height:1.6;margin-top:3px}.timeline time{font-size:9px;color:#a1acba;display:block;margin-top:5px}.trust-panel{margin-top:18px;background:#edf5f2;border:1px solid #e2ede7;padding:20px;border-radius:13px}.trust-panel>svg{color:#558973;width:25px;height:25px}.trust-panel h3{font-size:13px;margin:12px 0 7px}.trust-panel p{font-size:11px;line-height:1.8;color:#7a9186}.trust-panel button{margin-top:14px;color:#3f8066}.connected{display:flex;align-items:center;margin-top:17px}.connected .avatar{width:28px;height:28px;font-size:8px;border:2px solid #fff;margin-right:-7px}.connected span:last-child{margin-left:18px;font-size:10px;color:#73897e}.footer-note{margin-top:30px;font-size:10px;color:#a0acbb;display:flex;align-items:center;gap:7px}.footer-note svg{width:13px;height:13px}.bottom-nav{display:none}.mobile-brand{display:none}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.tabs{display:flex;gap:4px;flex-wrap:wrap;background:#eaf0f7;padding:4px;border-radius:9px}.tabs button{font-size:11px;padding:8px 12px;border-radius:7px;color:#8190a2}.tabs button.active{background:#fff;color:var(--blue);box-shadow:0 2px 4px #233d5a08}.searchbox{position:relative}.searchbox input{width:220px;border:1px solid var(--line);border-radius:9px;background:white;padding:11px 12px 11px 36px;font-size:12px;outline:none}.searchbox svg{position:absolute;left:12px;top:11px;width:15px;height:15px;color:#94a1b1}.repair-card{border:1px solid var(--line);background:white;border-radius:13px;padding:21px;margin-bottom:13px;display:flex;gap:16px;align-items:center;text-align:left;width:100%}.repair-card:hover{border-color:#b6ccee}.repair-card h3{font-size:14px;margin-bottom:7px}.repair-card p{font-size:11px;color:var(--muted);line-height:1.8}.repair-card .detail{flex:1}.repair-card .badge{font-size:10px}.repair-card .task-icon{width:46px;height:46px}.list-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.list-top time{font-size:10px;color:#9ca7b5}.network-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.person-card{text-align:left}.person-card .avatar{width:52px;height:52px;font-size:16px;margin-bottom:15px}.person-card h3{font-size:14px}.person-card p{font-size:11px;color:var(--muted);margin:6px 0;line-height:1.8}.person-card .rating{color:#c28a40;font-size:11px;margin:14px 0}.person-card .btn{width:100%;margin-top:18px}.callout{background:#eaf1fc;border-radius:12px;padding:20px;margin-bottom:22px;display:flex;gap:13px;align-items:center;font-size:12px;line-height:1.8;color:#637b9a}.callout svg{color:var(--blue);flex-shrink:0}.docs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.document{display:flex;gap:14px;align-items:center;cursor:pointer}.document h3{font-size:12px;margin-bottom:6px}.document p{font-size:10px;color:var(--muted)}.document .detail{flex:1}.document>svg{width:17px;color:#9cabc0}.chat-layout{display:grid;grid-template-columns:260px 1fr;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:510px}.chat-contacts{border-right:1px solid var(--line);padding:15px}.chat-contact{display:flex;gap:10px;padding:15px 10px;border-radius:9px;width:100%;text-align:left}.chat-contact.active{background:#eef4fd}.chat-contact strong{font-size:11px}.chat-contact p{font-size:10px;color:var(--muted);margin-top:5px}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-head{padding:20px;border-bottom:1px solid var(--line);font-size:12px;font-weight:600}.chat-body{padding:25px;flex:1;max-height:420px;overflow:auto}.bubble{background:#f0f4f9;border-radius:11px 11px 11px 2px;padding:13px 15px;max-width:83%;font-size:12px;line-height:1.8;margin-bottom:15px}.bubble.mine{margin-left:auto;background:#e8f0fe;border-radius:11px 11px 2px 11px}.bubble time{display:block;font-size:9px;color:#94a1b2;margin-top:6px}.chat-compose{display:flex;gap:10px;padding:15px;border-top:1px solid var(--line)}.chat-compose input{flex:1;min-width:0;border:1px solid var(--line);border-radius:9px;padding:12px;font-size:12px}.empty{padding:45px 20px;text-align:center;color:var(--muted);line-height:1.8;font-size:13px}.overlay-backdrop{position:fixed;inset:0;background:#102a46a0;backdrop-filter:blur(3px);z-index:80;display:flex;justify-content:flex-end}.drawer{width:560px;max-width:100%;height:100%;background:#fafbfd;overflow:auto;box-shadow:-10px 0 60px #0d264b20;animation:slide .2s ease}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:23px 27px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:3}.drawer-head h2{font-size:15px}.drawer-head button{background:#f1f4f8;width:30px;height:30px;border-radius:50%}.drawer-head svg{width:15px}.drawer-body{padding:26px}.drawer-body h2{font-size:23px;letter-spacing:-.7px;margin:10px 0}.drawer-body p{line-height:1.8;color:var(--muted);font-size:12px}.drawer-body .panel{margin:20px 0}.drawer-body .timeline{margin-top:22px}.drawer-body .timeline strong{font-size:12px}.drawer-body .timeline p{font-size:11px}.drawer-body .timeline time{font-size:10px}.drawer-body h3{font-size:14px;margin-bottom:12px}.drawer-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.field{display:block;margin:17px 0}.field span{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.field input,.field textarea,.field select{width:100%;max-width:none;background:#fff;border:1px solid #dce4ed;border-radius:8px;padding:12px;outline:none;font-weight:400;font-size:13px}.field input:focus,.field textarea:focus{border-color:var(--blue)}textarea{resize:vertical;min-height:100px}.money{font-family:Manrope,sans-serif;font-size:28px;font-weight:750;letter-spacing:-1px;margin:12px 0}.quote-details{display:flex;justify-content:space-between;gap:12px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.notice{font-size:11px!important;line-height:1.8;background:#edf3fc;padding:13px;border-radius:8px}.progress-track{display:flex;gap:5px;margin:22px 0 8px}.progress-track span{height:5px;flex:1;background:#e2e8ef;border-radius:5px}.progress-track span.done{background:#558cde}.progress-labels{display:flex;justify-content:space-between;font-size:9px;color:#8b98a9}.message-form{margin-top:25px}.message-form textarea{min-height:70px}.welcome{position:fixed;inset:0;background:#12365f90;backdrop-filter:blur(8px);z-index:90;display:grid;place-items:center;padding:20px}.welcome-card{width:680px;max-width:100%;max-height:94vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 30px 100px #0f254a40;padding:38px}.welcome-card .brand{width:180px;margin:0 0 25px}.welcome-card h2{font-size:32px;font-weight:800;letter-spacing:-1.2px;line-height:1.25;max-width:430px}.welcome-card>p{color:var(--muted);font-size:13px;line-height:1.9;margin:16px 0 25px;max-width:480px}.role-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.role-option{padding:19px 15px;border:1px solid var(--line);border-radius:12px;text-align:left;background:#fafbfd}.role-option:hover{border-color:#8aafe9;background:#eff5ff}.role-option svg{color:var(--blue);width:24px;height:24px}.role-option strong{display:block;font-size:13px;margin:14px 0 7px}.role-option p{font-size:10px;line-height:1.7;color:var(--muted)}.welcome-card .small{margin-top:23px;font-size:10px}.welcome-kicker{color:#cc8546;font-size:10px;font-weight:700;letter-spacing:1.5px;margin-bottom:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);background:#193b5b;color:white;box-shadow:var(--shadow);padding:13px 20px;border-radius:10px;opacity:0;pointer-events:none;transition:all .25s;z-index:120;font-size:12px;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.property-detail-picture .property-picture{height:180px;border-radius:12px}.property-detail-picture svg{height:170px;width:300px}.property-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.property-detail-grid .panel{margin:0}.property-detail-grid strong{display:block;font-size:17px;margin-top:8px}.record-item{border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.record-item:last-child{border:0}.record-item .small{margin-top:6px}.document-preview{border:1px solid var(--line);border-radius:9px;background:#fff;padding:27px;margin:20px 0;position:relative}.document-preview .watermark{font-size:10px;letter-spacing:2px;color:#bd8756;border:1px solid #e9d2bd;display:inline-block;padding:5px 8px;margin-bottom:20px}.document-preview h3{font-size:19px}.document-preview dl{font-size:12px;line-height:1.8}.document-preview dt{color:var(--muted);margin-top:12px}.document-preview dd{margin:0}.demo-label{color:#ac7b49;font-size:10px}.welcome-close{float:right}.full-properties{grid-template-columns:repeat(3,1fr)}@keyframes slide{from{transform:translateX(50px);opacity:0}to{transform:translateX(0);opacity:1}}@media(min-width:1600px){.hero-art{margin-right:50px}.hero{min-height:220px}.property-picture{height:155px}.property-picture svg{height:145px;width:250px}}@media(max-width:1250px){.sidebar{width:205px;padding:30px 16px}.layout{grid-template-columns:205px 1fr}.brand{width:162px}.topbar{padding:0 25px}.content{padding:28px 25px}.demo-strip{padding:9px 25px}.dashboard-grid{grid-template-columns:1fr 260px;gap:18px}.hero-art{width:230px}.hero{padding:27px}.hero h2{font-size:24px}.stat{padding:15px;gap:10px}.stat-icon{width:31px;height:31px}.stat-value{font-size:21px}.network-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.trust-panel{margin:0}.full-properties{grid-template-columns:repeat(2,1fr)}.hero-art{width:210px}.floating-chip{right:-15px}.hero-copy{max-width:320px}.hero h2{font-size:23px}}@media(max-width:760px){.layout{display:block}.sidebar{display:none}.main{display:block}.topbar{height:72px;padding:0 19px;gap:8px}.crumb{display:none}.mobile-brand{display:block;width:133px;height:auto}.top-actions{gap:9px}.top-actions>.avatar{display:none}.top-actions>.icon-button{display:none}.role-control{padding:8px}.role-control label{display:none}.role-control select{font-size:11px;width:89px}.demo-strip{padding:9px 19px;font-size:9px}.demo-strip button{font-size:9px;white-space:nowrap}.content{padding:26px 19px 100px}.heading{margin-bottom:22px;gap:10px}h1{font-size:25px;letter-spacing:-.9px}.eyebrow{font-size:9px;margin-bottom:7px}.subheading{font-size:12px;max-width:270px}.date{display:none}.heading .btn{font-size:0;padding:11px}.heading .btn svg{width:18px;height:18px}.hero{padding:24px 22px;min-height:200px;margin-bottom:19px}.hero h2{font-size:24px;max-width:230px}.hero p{font-size:11px;max-width:210px}.hero-copy{max-width:75%}.hero-art{position:absolute;width:155px;right:-31px;bottom:17px;height:160px;opacity:.75}.hero-art:before{width:145px;height:145px}.hero-art .building{width:165px;height:130px}.floating-chip{display:none}.hero .btn{font-size:11px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px}.stat{padding:15px;gap:12px}.stat-icon{width:33px;height:33px}.stat-value{font-size:23px}.stat-label{font-size:10px;margin:4px 0}.stat-note{font-size:8px}.dashboard-grid{gap:24px}.section-head h2{font-size:15px}.section-head .text-btn{font-size:10px}.attention-item{padding:15px 13px;gap:10px}.attention-item strong{font-size:11px}.attention-item p{font-size:9px}.attention-item .badge{font-size:8px;max-width:90px;white-space:normal}.property-grid{gap:12px}.property-picture{height:108px}.property-picture svg{height:100px;width:180px}.property-info{padding:13px}.property-info h3{font-size:11px}.property-info .location{font-size:9px}.property-meta{font-size:9px}.property-meta strong{font-size:10px}.property-meta .beds{display:none}.dashboard-aside{grid-template-columns:1fr}.trust-panel{padding:18px}.bottom-nav{position:fixed;display:flex;justify-content:space-around;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:10px 5px max(12px,env(safe-area-inset-bottom));z-index:40}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#8e9aab;min-width:54px}.bottom-nav button.active{color:var(--blue)}.bottom-nav svg{width:21px;height:21px}.filter-bar{align-items:stretch;flex-direction:column;gap:12px}.searchbox input{width:100%}.tabs{width:fit-content}.repair-card{padding:16px;gap:12px}.repair-card .task-icon{width:35px;height:35px}.repair-card h3{font-size:12px}.repair-card p{font-size:10px}.repair-card .badge{font-size:8px}.list-top time{display:none}.network-grid,.docs-grid{grid-template-columns:1fr}.person-card{display:grid;grid-template-columns:60px 1fr;column-gap:12px}.person-card>.avatar{grid-row:1/6}.person-card>.btn{grid-column:1/3}.chat-layout{grid-template-columns:1fr;min-height:500px}.chat-contacts{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}.chat-contact{min-width:165px;padding:10px}.chat-contact .avatar{width:30px;height:30px;font-size:9px}.chat-body{padding:18px;max-height:370px}.bubble{max-width:95%}.drawer-body{padding:22px}.drawer-head{padding:20px 22px}.drawer{width:100%}.welcome-card{padding:28px 23px}.welcome-card h2{font-size:27px}.welcome-card .brand{width:155px}.role-options{grid-template-columns:1fr;gap:9px}.role-option{padding:14px;display:grid;grid-template-columns:30px 1fr;column-gap:12px}.role-option svg{grid-row:1/3;align-self:center}.role-option strong{margin:0 0 4px}.role-option p{font-size:10px}.welcome-card>p{font-size:12px;margin:15px 0 20px}.toast{bottom:88px;min-width:250px;text-align:center}.full-properties{grid-template-columns:1fr 1fr}}