.property-app{--paper:#f7f4ec;--surface:#fff;--ink:#253630;--muted:#66736d;--line:#e4e3da;--green:#4da262;--green-dark:#28613d;--green-soft:#edf6ef;--accent:#ea5543;--accent-soft:#fff0ed;box-sizing:border-box;margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Noto Sans TC",sans-serif}
.property-app *{box-sizing:border-box}.property-app [hidden]{display:none!important}.property-app a{color:var(--green-dark)}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:13px max(24px,calc((100vw - 1180px)/2));background:rgba(247,244,236,.97);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink)!important;font-weight:750;text-decoration:none;white-space:nowrap}.brand img{width:30px;height:30px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:6px;overflow:auto}.site-header nav a{padding:8px 10px;border-radius:8px;color:var(--muted);font-size:14px;text-decoration:none;white-space:nowrap}.site-header nav a:hover,.site-header nav a[aria-current="page"]{background:var(--green-soft);color:var(--green-dark)}
.property-app main{width:min(1180px,calc(100% - 40px));margin:auto;padding:34px 0 72px}.property-app section{scroll-margin-top:84px}.property-app main>section:not(.dashboard-hero):not(.page-section){margin:24px 0;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.dashboard-hero{padding:22px 0 42px}.eyebrow{display:block;margin:0 0 5px;color:var(--green-dark);font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.property-app h1{margin:0;font-size:clamp(32px,5vw,52px);line-height:1.16;letter-spacing:-.035em}.property-app h2{margin:0;font-size:28px;line-height:1.25}.property-app h3{margin:0;font-size:20px}.property-app p{margin:8px 0}.hint,.summary-line{color:var(--muted);font-size:14px}
.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 34px}.quick-card{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;min-height:126px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--ink)!important;text-decoration:none;transition:border-color .15s,transform .15s}.quick-card:hover{border-color:var(--green);transform:translateY(-2px)}.quick-card strong{font-size:19px}.quick-card small{grid-column:2;color:var(--muted)}.quick-index{grid-row:1/3;color:var(--green);font-size:13px;font-weight:800}.quick-primary{background:var(--green);border-color:var(--green);color:white!important}.quick-primary .quick-index,.quick-primary small{color:#eaf7ed}
.page-section,.panel,.asset-editor,.selected-property{margin:24px 0;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.page-section{scroll-margin-top:84px}.compact-panel{padding:0 20px}.panel summary,.section-details>summary{padding:17px 0;cursor:pointer;font-weight:700}.panel[open]>summary{border-bottom:1px solid var(--line);margin-bottom:18px}.section-details>summary{list-style:none}.section-details>summary::-webkit-details-marker{display:none}.section-details>summary strong{display:block;font-size:25px}.section-details>summary:after{content:"＋";float:right;margin-top:-42px;color:var(--green-dark);font-size:24px}.section-details[open]>summary:after{content:"−"}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.segmented{display:flex;padding:3px;background:#f1f2ec;border-radius:10px}.segmented button{background:transparent;border-color:transparent;color:var(--muted)}.segmented button[aria-pressed="true"]{background:var(--surface);border-color:var(--line);color:var(--ink)}
.property-app button,.property-app input,.property-app select,.property-app textarea{font:inherit;border-radius:8px;padding:10px 14px}.property-app button{background:var(--green);color:white;border:1px solid var(--green);font-weight:650;cursor:pointer}.property-app button:hover{background:var(--green-dark);border-color:var(--green-dark)}.property-app button.secondary{background:transparent;color:var(--green-dark);border-color:#a9c9b1}.property-app button:disabled{opacity:.45;cursor:default}.property-app input,.property-app textarea,.property-app select{width:100%;border:1px solid #bac4bd;background:white;color:inherit}.property-app textarea{resize:vertical}.property-app label{display:block;margin:14px 0;font-weight:650}.property-app label input,.property-app label select{display:block;margin-top:5px;font-weight:400}.row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0}.row input{flex:1;min-width:220px}.inline-form{margin:18px 0;padding:18px;background:#fbfaf6;border:1px solid var(--line);border-radius:10px}
.property-cards{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 12px}.property-card{flex:0 0 260px;overflow:hidden;background:white;border:1px solid var(--line);border-radius:12px}.property-placeholder{display:grid;place-items:center;height:118px;background:#f0efe9;color:var(--muted);font-size:14px}.property-card-body{padding:16px}.property-card-body h3{min-height:52px}.property-card-body button{width:100%;margin-top:14px}.selected-property{margin-top:24px;background:#fbfaf6}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.asset-card{min-height:98px!important;padding:16px!important;text-align:left;background:white!important;color:var(--ink)!important;border-color:var(--line)!important}.asset-card:hover{border-color:var(--green)!important}.asset-editor{padding:0;border-color:#d9e6dc}.editor-summary{padding:22px 26px;background:var(--green-soft);border-radius:14px 14px 0 0}.asset-editor>.panel{margin:0;border:0;border-top:1px solid var(--line);border-radius:0}.asset-editor>.panel:last-child{border-radius:0 0 14px 14px}
.stack{display:grid;gap:12px}.card{padding:18px;background:white;border:1px solid var(--line);border-radius:10px}.card p{margin:7px 0}.badge{display:inline-block;padding:3px 9px;background:var(--green-soft);border-radius:20px;font-size:13px}.empty-state{padding:34px;text-align:center;background:#fbfaf6;border:1px dashed #bdc7bf;border-radius:12px}.empty-state p{color:var(--muted)}.pagination{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.photo{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.photo img{width:150px;height:130px;object-fit:contain;background:#f3f2ec}.photo input{width:100%}.property-app video{width:100%;max-height:70vh;background:#111;border-radius:10px}.property-app pre{white-space:pre-wrap;overflow-wrap:anywhere}
#message{position:sticky;top:72px;z-index:9;margin:0;background:#fff2cb;border-radius:8px;white-space:pre-wrap}#message:not(:empty){padding:12px 16px;border:1px solid #ead68c}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:800px){.site-header{position:static;align-items:flex-start;flex-direction:column;padding:14px 20px}.site-header nav{width:100%}.property-app main{width:min(100% - 24px,1180px);padding-top:22px}.quick-actions{grid-template-columns:1fr}.quick-card{min-height:104px}.section-heading{align-items:flex-start;flex-direction:column}.asset-grid{grid-template-columns:1fr}.page-section,.panel,.asset-editor,.selected-property{padding:18px}.asset-editor{padding:0}.editor-summary{padding:18px}.photo{grid-template-columns:92px 1fr}.photo img{width:92px;height:100px}.segmented{width:100%}.segmented button{flex:1}.row>*{max-width:100%}}
@media(max-width:430px){.property-app h1{font-size:34px}.property-app h2{font-size:24px}.site-header nav a{padding:7px 8px}.quick-actions{margin-top:20px}.property-card{flex-basis:82vw}.empty-state{padding:26px 18px}}