@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans TC',sans-serif;color:#252b35;background:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility;--navy:#173f71;--muted:#798394;--line:#e8ebef;--green:#47836b;--orange:#b87946}*{box-sizing:border-box}body{margin:0;min-width:320px;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav{display:none}.topbar{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#24364b;font-size:15px;font-weight:700}.brand-mark{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:var(--navy);border-radius:12px;font-size:20px}.brand small{display:block;font-size:9px;letter-spacing:1.7px;color:#9ba3ad;margin-top:2px}.top-actions{display:flex;align-items:center;gap:20px}.local-tag{font-size:12px;color:#697580}.local-tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6eaa8e;margin-right:7px}.icon-button,.close-button{border:0;background:none;color:#728091;font-size:21px;cursor:pointer}.shell{max-width:1180px;padding:38px 24px 30px;margin:0 auto}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#8b99aa;margin:0 0 7px}.welcome h1{font-size:28px;letter-spacing:-.7px;margin:0 0 7px;color:#202c3b}.welcome p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.primary{height:40px;padding:0 17px;border:0;border-radius:8px;background:var(--navy);color:#fff;font:600 13px inherit;cursor:pointer}.primary:hover{background:#214f84}.primary span{font-size:18px;vertical-align:-1px;margin-right:4px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:23px}.stat-card{height:91px;padding:17px 18px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px}.stat-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:18px}.blue{background:#eef3fa;color:#466993}.green{background:#edf5f0;color:#548b6f}.orange{background:#fbf2ea;color:#b87946}.purple{background:#f2eff8;color:#7b6a9a}.stat-card div{display:flex;flex-direction:column;gap:2px}.stat-card div span{font-size:11px;color:var(--muted)}.stat-card strong{font-size:21px;font-weight:600;color:#263548}.stat-note{font-size:10px;color:#a1a9b2;margin-left:auto;align-self:flex-end;margin-bottom:8px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:19px;align-items:start}.directory,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.directory{padding:21px 22px;min-height:510px}.section-heading,.section-heading>div,.panel-title,.panel-title>div{display:flex;align-items:center}.section-heading,.panel-title{justify-content:space-between}.section-heading h2,.panel-title h2{font-size:16px;margin:0;color:#263548}.section-heading>div{gap:12px}.section-heading>div>span,.today-label{font-size:11px;color:#9aa3ad}.text-button{border:0;background:none;color:#59799d;font:500 11px inherit;cursor:pointer}.toolbar{display:flex;gap:10px;margin-top:20px}.search{height:37px;display:flex;align-items:center;gap:8px;flex:1;padding:0 10px;border:1px solid var(--line);border-radius:7px;color:#9ca5af}.search>span{font-size:19px}.search input{min-width:0;flex:1;border:0;outline:0;font:12px inherit;color:#313d4d}.search input::placeholder{color:#aab1ba}.search kbd{font:10px inherit;color:#a2aab4;background:#f5f6f8;border-radius:4px;padding:3px 5px}.toolbar select,.field input,.field select,.field textarea{font:12px inherit;color:#354254}.toolbar select{border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 11px;min-width:118px;outline-color:#7895b5}.chips{display:flex;gap:7px;margin:15px 0 4px}.chip{border:0;border-radius:16px;background:transparent;color:#8993a0;font:11px inherit;padding:6px 11px;cursor:pointer}.chip.active{background:#eff3f8;color:#3c628b;font-weight:600}.client-list{margin-top:8px}.client-row{display:grid;grid-template-columns:minmax(115px,1.2fr) minmax(110px,1fr) minmax(120px,1fr) auto;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid #f0f1f3;cursor:pointer}.client-row:hover{background:#fafbfc}.client-name{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#edf1f5;color:#536b83;font-size:13px;font-weight:600;flex:none}.client-name strong{display:block;font-size:12px;font-weight:600;color:#303a47}.client-name small{display:block;font-size:10px;color:#98a1ab;margin-top:3px}.row-info{font-size:11px;color:#687586}.row-info b{display:block;font-size:11px;color:#455365;font-weight:500;margin-bottom:4px}.row-info small{font-size:10px;color:#9ca5ae}.badge{display:inline-block;padding:4px 8px;border-radius:11px;font-size:10px;background:#eef3f8;color:#55759b}.badge.status-已成交{background:#edf5ef;color:#568268}.badge.status-暫停{background:#f1f1f1;color:#858585}.badge.status-追蹤中{background:#fbf3e9;color:#a57542}.row-end{text-align:right}.row-end time{display:block;font-size:10px;color:#8a96a4;white-space:nowrap;margin-top:6px}.side-column{display:flex;flex-direction:column;gap:14px}.panel{padding:17px}.panel-title>div{gap:9px}.panel-title h2{font-size:14px}.panel-icon{color:#54769b;font-size:17px}.reminder-list{margin-top:12px}.reminder-item{padding:11px 0;border-top:1px solid #f0f1f3;display:flex;gap:10px}.reminder-item:first-child{border-top:0}.reminder-time{font-size:10px;color:#8a96a4;white-space:nowrap;width:54px;padding-top:2px}.reminder-item strong{display:block;font-size:11px;color:#394555;font-weight:600}.reminder-item p{font-size:10px;color:#8c96a2;margin:4px 0 0}.reminder-empty{font-size:11px;line-height:1.7;color:#929ba6;padding:9px 0}.calendar-link{display:inline-block;margin-top:6px;color:#54789e;text-decoration:none;font-size:10px}.privacy-panel{background:#f7f9fb;padding:18px}.privacy-icon{color:#6f89a5;font-size:20px}.backup-actions{display:flex;gap:8px;flex-wrap:wrap}.privacy-panel h3,.quick-panel h3{font-size:12px;color:#3c4b5d;margin:7px 0}.privacy-panel p{font-size:10px;line-height:1.8;color:#7d8895;margin:0 0 12px}.outline-button{border:1px solid #dce2e8;background:#fff;border-radius:6px;color:#627890;padding:8px 11px;font:11px inherit;cursor:pointer}.outline-button:hover{border-color:#aab9ca}.quick-panel{padding-bottom:11px}.quick-panel h3{margin:0 0 10px;color:#35475d}.quick-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #f0f1f3}.quick-row span{font-size:10px;color:#5e7893;font-weight:600}.quick-row p{font-size:11px;color:#46566a;margin:0}.empty{text-align:center;padding:70px 15px;color:#8d99a6}.empty>div{font-size:31px;color:#a3b3c2}.empty strong{display:block;margin-top:11px;color:#425163;font-size:13px}.empty p{font-size:11px;margin:7px 0 17px}.empty .primary{font-family:inherit}.empty[hidden],.client-list[hidden]{display:none}footer{text-align:center;color:#a1a9b1;font-size:10px;padding:23px}footer span{padding:0 5px}dialog{border:0;border-radius:13px;padding:0;width:min(610px,calc(100vw - 28px));max-height:90vh;box-shadow:0 18px 80px #162d4930}dialog::backdrop{background:#17253865;backdrop-filter:blur(2px)}#clientForm{padding:23px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.modal-head h2{margin:0;color:#253449;font-size:20px}.close-button{font-size:25px;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#657283}.field b{color:#bd6554;display:inline}.field input,.field select,.field textarea{width:100%;border:1px solid #e1e5e9;border-radius:6px;padding:9px 10px;outline-color:#819bb7;background:#fff}.field textarea{resize:vertical}.field.wide{grid-column:1/-1}.modal-foot{display:flex;gap:9px;justify-content:flex-end;margin-top:19px}.modal-foot #deleteBtn{margin-right:auto;color:#af6559}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#26384c;color:#fff;border-radius:7px;padding:11px 16px;font-size:12px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.mobile-nav{position:fixed;z-index:8;bottom:0;left:0;right:0;height:calc(61px + env(safe-area-inset-bottom));padding:5px 13px env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;border:0;background:none;color:#8993a0;font:10px inherit}.mobile-nav a span,.mobile-nav button span{font-size:18px;line-height:21px}.mobile-nav .nav-current{color:var(--navy)}.mobile-nav button span{width:30px;height:25px;border-radius:9px;background:var(--navy);color:#fff;text-align:center;line-height:24px}.topbar{height:62px;padding:0 17px}.local-tag{font-size:0}.local-tag i{margin:0}.shell{padding:26px 15px}.welcome h1{font-size:25px}.welcome p:not(.eyebrow){font-size:11px}.primary{padding:0 12px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat-card{height:77px;padding:12px;gap:9px}.stat-icon{width:31px;height:31px}.stat-note{display:none}.workspace{grid-template-columns:1fr}.directory{padding:17px 13px;min-height:350px}.side-column{display:grid;grid-template-columns:1fr 1fr}.follow-panel{grid-column:1/-1}.client-row{grid-template-columns:minmax(100px,1fr) minmax(92px,.8fr) auto;gap:7px}.client-row .row-info:nth-child(3){display:none}.toolbar select{min-width:94px}.search kbd{display:none}.section-heading>div{gap:7px}.section-heading h2{font-size:15px}.side-column .panel{padding:14px}footer{padding:17px 0}.form-grid{gap:11px}.field{font-size:10px}#clientForm{padding:19px}}

.quick-row{width:100%;font:inherit;text-align:left;background:transparent;border:0;color:inherit;cursor:pointer;border-radius:5px;transition:background .15s ease,color .15s ease}.quick-row:hover{background:#f4f7fa}.quick-row:active{background:#eaf0f6}.quick-row:focus-visible{outline:2px solid #7895b5;outline-offset:1px}.quick-row p{font-size:11px;color:#46566a;margin:0}.picker-hint{font-size:12px;color:#798394;line-height:1.7;margin:0 0 16px}#reminderPickerForm{padding:23px}@media(max-width:760px){#reminderPickerForm{padding:19px}}


#searchPropertiesBtn{margin-right:auto}#clientForm .modal-foot #deleteBtn{margin-right:0}

.search-action{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.search-action span{font-size:11px;color:#758395}.search-action #searchPropertiesBtn{color:#355b84}.search-action #searchPropertiesBtn:active{background:#eff3f8}#clientForm .modal-foot #deleteBtn{margin-right:auto}

#propertySearchDialog{overflow:auto}#propertySearchDialog .property-search-panel{padding:23px}.property-search-guide{font-size:12px;line-height:1.75;color:#718092;margin:0 0 15px}.search-source-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.search-source{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:58px;padding:11px 12px;text-align:left;border:1px solid #e1e6ec;border-radius:8px;background:#fff;color:#354254;cursor:pointer}.search-source:active{background:#f2f6fa;border-color:#9eb2c8}.search-source strong{font-size:12px;font-weight:600}.search-source span{font-size:10px;color:#8290a0}.property-search-panel .modal-foot{margin-top:15px}@media(max-width:760px){#propertySearchDialog .property-search-panel{padding:19px}.search-source-list{grid-template-columns:1fr}.search-source{min-height:52px}}