:root{color:#182a3d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f4f0;font-family:Segoe UI,Arial,sans-serif}body{min-width:320px;margin:0}#root{min-height:100vh}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #b58b46}*{box-sizing:border-box}.app{color:#1e293b;background:#f3f6fb;min-height:100vh;display:flex}.sidebar{color:#fff;background:#14243d;flex-shrink:0;width:240px;padding:25px 16px}.sidebar h2{margin:0 0 8px}.sidebar p{color:#a9bdd7;margin-bottom:30px}.sidebar button{text-align:left;color:#fff;cursor:pointer;background:#243b5a;border:0;border-radius:9px;width:100%;margin-bottom:10px;padding:13px;display:block}.sidebar button:hover{background:#355b88}.main{flex:1;min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.topbar h1{margin:0}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px;display:grid}.stat-card,.panel{background:#fff;border-radius:14px;padding:22px;box-shadow:0 3px 15px #15243b0c}.stat-card h3{color:#64748b;font-size:15px}.stat-card strong{color:#2563eb;font-size:32px}.panel{margin-bottom:24px}.panel h2{margin-top:0}.record-form{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}input,select,textarea{width:100%;font:inherit;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:12px}textarea{resize:vertical;grid-column:1/-1;min-height:90px}.form-actions{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-top:10px;display:flex}button{cursor:pointer;font:inherit}.form-actions button,td button{color:#1e293b;background:#e2e8f0;border:0;border-radius:7px;margin:3px;padding:9px 13px}.form-actions .primary{color:#fff;background:#2563eb}.form-actions .danger,td .danger{color:#b91c1c;background:#fee2e2}.table-wrap{margin-top:16px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:13px}th{background:#f8fafc}.property-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:20px;display:grid}.property-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.property-card img{object-fit:cover;width:100%;height:180px}.property-info{padding:16px}.property-info h3{margin-top:0}.property-info strong{color:#2563eb;font-size:20px}@media (width<=850px){.app{flex-direction:column}.sidebar{width:100%}.sidebar button{width:auto;margin-right:6px;display:inline-block}.main{padding:15px}.stats{grid-template-columns:repeat(2,1fr)}.record-form{grid-template-columns:1fr}.topbar{flex-wrap:wrap}}@media (width<=450px){.stats{grid-template-columns:1fr}}.search-input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;max-width:450px;margin:10px 0 20px;padding:14px}.edit-button{color:#17243a;background:#f59e0b;border:none;border-radius:8px;padding:9px 14px}.photo-section{background:#f8fafc;border:1px dashed #94a3b8;border-radius:12px;grid-column:1/-1;padding:16px}.photo-section label{margin-bottom:12px;font-weight:700;display:block}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:16px;display:grid}.photo-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.photo-item img{object-fit:cover;width:100%;height:110px}.photo-item button{color:#fff;background:#dc2626;border:none;width:100%;padding:8px}.property-thumbnail{object-fit:cover;border-radius:7px;width:85px;height:65px}@media (width<=600px){.search-input{max-width:100%}.photo-grid{grid-template-columns:repeat(2,1fr)}}.storage-warning{color:#92400e;background:#fff3cd;border:1px solid #f59e0b;border-radius:10px;margin:16px 0;padding:16px}button:disabled{opacity:.5;cursor:not-allowed}.photo-item img{object-fit:cover;width:100%;height:130px;display:block}.office-app{color:#203247;background:#f5f4f0;min-height:100vh;display:flex}.office-sidebar{color:#fff;background:#102539;flex-direction:column;flex-shrink:0;width:246px;height:100vh;padding:36px 20px;display:flex;position:sticky;top:0}.office-brand{text-align:center;border-bottom:1px solid #ffffff1c;padding:0 0 40px}.brand-mark{color:#dec28d;border:1px solid #c6a56c;width:56px;height:56px;margin:0 auto 18px;font-family:Georgia,serif;font-size:27px;line-height:54px;display:block}.office-brand strong{letter-spacing:1px;color:#ead5ad;font-family:Georgia,serif;font-size:18px;display:block}.office-brand small{letter-spacing:2px;color:#b5c1cc;margin-top:9px;font-size:9px;display:block}.nav-label{color:#8c9dac;letter-spacing:2px;margin:30px 12px 18px;font-size:10px}.office-nav{gap:9px;display:grid}.office-nav button{color:#bac7d2;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:14px;padding:14px 12px;font-size:14px;display:flex}.office-nav button span{color:#c9b186;font-size:21px}.office-nav button:hover{background:#ffffff0b}.office-nav button.active{color:#f1dcaf;background:#c0a06a20;border-color:#c0a06a45}.sidebar-footer{letter-spacing:1px;color:#cbb387;margin-top:auto;padding:24px 12px 0;font-size:11px}.sidebar-footer small{letter-spacing:0;color:#8497a9;margin-top:9px;display:block}.office-main{flex:1;min-width:0;max-width:1680px;padding:30px 36px}.office-topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.office-topbar small{letter-spacing:2px;color:#8b8a82;font-size:9px}.office-topbar h1{margin:8px 0 0;font-family:Georgia,serif;font-size:29px;font-weight:400}.office-date{color:#727c83;font-size:12px}.office-hero{isolation:isolate;background:#102b41;border-radius:14px;min-height:310px;margin-bottom:28px;position:relative;overflow:hidden}.hero-copy{z-index:2;background:linear-gradient(90deg,#10283ff2,#10283f00);max-width:480px;padding:38px;position:relative}.hero-copy>span{letter-spacing:3px;color:#d9be88;font-size:10px}.hero-copy h2{color:#fff;margin:17px 0;font-family:Georgia,serif;font-size:37px;font-weight:400;line-height:1.22}.hero-copy p{color:#d2dce2;max-width:310px;font-size:13px;line-height:1.7}.hero-copy button{color:#142b3e;background:#d4b77e;border:0;border-radius:5px;margin-top:8px;padding:12px 18px;font-weight:600}.hero-copy button span{margin-left:20px}.coastal-scene{z-index:-1;background:linear-gradient(#9ebcc8 0%,#d4ded9 45%,#5e9cab 46%,#207f99 100%);position:absolute;inset:0 0 0 25%}.sun{background:#ffe7b1;border-radius:50%;width:70px;height:70px;position:absolute;top:30px;right:24%;box-shadow:0 0 75px 40px #f9e5bd55}.sea{background:repeating-linear-gradient(177deg,#0000 0 19px,#e4f1df24 20px 21px,#0000 23px 30px);position:absolute;inset:48% 0 0}.island{background:#4d777a;border-radius:70% 20% 0 0;width:44%;height:45px;position:absolute;top:41%;right:-3%;transform:rotate(-5deg)}.villa{background:#eae4d2;border-top:10px solid #f7f0df;width:33%;height:42%;position:absolute;bottom:15%;right:6%;transform:skewY(-3deg);box-shadow:10px 12px #203e4a60}.villa:before{content:"";background:#e0d6c2;border-top:9px solid #f4ead4;width:40%;height:65%;position:absolute;bottom:0;left:-35%}.villa-windows{background:repeating-linear-gradient(90deg,#1c4352 0 27%,#ccbfa3 28% 32%);border-bottom:8px solid #c6b38d;position:absolute;inset:20px 16px 18px}.terrace{background:repeating-linear-gradient(10deg,#b7a589 0 25px,#ad9a7e 26px 28px);width:74%;height:35%;position:absolute;bottom:-15%;right:0;transform:skewY(-8deg)}.office-main>h2{font:25px Georgia,serif}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 28px;display:grid}.stat-card{background:#fff;border:1px solid #e7e2d8;border-top:3px solid #c3a16a;border-radius:10px;padding:21px;box-shadow:0 3px 12px #182b3b04}.stat-card h3{color:#78818a;margin:0 0 14px;font-size:12px;font-weight:500}.stat-card strong{color:#19364d;font-size:30px;font-weight:500}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.overview-panel{background:#fff;border:1px solid #e7e2d8;border-radius:10px;padding:20px}.panel-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-heading h3{margin:0;font:18px Georgia,serif}.panel-heading button{color:#977338;background:0 0;border:0;padding:8px 0;font-size:11px}.overview-row{border-bottom:1px solid #eeeae3;align-items:center;gap:12px;padding:16px 0;display:flex}.overview-row:last-child{border-bottom:0}.overview-row>div{min-width:0}.overview-row strong{overflow-wrap:anywhere;font-size:12px;display:block}.overview-row small{color:#8a8e90;margin-top:5px;font-size:11px;display:block}.record-avatar{color:#9e7c40;background:#f1ece2;border-radius:7px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.empty-state{color:#8a8e90;padding:25px 0;font-size:12px}.office-form{background:#fff;border:1px solid #e6e1d7;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:28px;padding:24px;display:grid}.office-form textarea{grid-column:1/-1}.office-main button{transition:filter .15s}.office-main button:hover{filter:brightness(.94)}.office-form button,.office-main form>button{color:#fff;background:#19364d;border:0;border-radius:6px;padding:12px 16px}.office-form input[type=checkbox]{width:auto}.table-wrapper{background:#fff;border:1px solid #e7e2d8;border-radius:10px;overflow-x:auto}th{color:#576675;background:#ece9e2;font-size:12px}td{font-size:13px}.property-info strong{color:#a58041}input,select,textarea,.search-input{border-color:#dedbd3}.property-card{background:#fff;border-color:#e5dfd3}.edit-button{background:#d1b57d}.photo-section{background:#f7f5f0;border-color:#c7b692}@media (width>=1600px){.stats-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=1150px){.office-sidebar{width:210px;padding:30px 14px}.office-main{padding:26px 22px}.overview-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.office-app{display:block}.office-sidebar{width:100%;height:auto;padding:20px;position:static}.office-brand{padding:0 0 18px}.brand-mark,.nav-label,.sidebar-footer{display:none}.office-nav{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.office-nav button{padding:9px;font-size:12px}.office-nav button span{font-size:17px}.office-main{padding:22px 16px}.office-topbar{align-items:flex-start}.office-topbar h1{font-size:25px}.office-date{font-size:10px}.hero-copy{padding:26px}.hero-copy h2{font-size:30px}.coastal-scene{opacity:.65;left:0}.hero-copy{background:linear-gradient(90deg,#10283ff2,#10283f55)}.office-form{grid-template-columns:1fr;padding:16px}.stat-card{padding:16px}.stat-card h3{font-size:11px}.stats-grid{gap:10px}.office-hero{min-height:300px}}.matching-help{color:#697782;grid-column:1/-1;font-size:12px;line-height:1.6}.matching-results{background:#fff;border:1px solid #d8ccb4;border-radius:8px;margin:16px 0;padding:14px}.matching-results summary{cursor:pointer;color:#755b2d;font-weight:600}.match-row{border-top:1px solid #ede7dc;align-items:center;gap:14px;padding:14px 0;display:flex}.match-row img{object-fit:cover;border-radius:5px;width:80px;height:60px}.match-row>div{flex:1;min-width:0}.match-row strong{overflow-wrap:anywhere;font-size:13px;display:block}.match-row small{color:#75818c;margin:6px 0;font-size:12px;display:block}.match-row button{color:#fff;background:#19364d;border:0;border-radius:5px;padding:10px}.office-form label select{margin-top:7px}@media (width<=600px){.match-row{flex-wrap:wrap}.match-row button{width:100%}}