:root{--navy:#123449;--teal:#087e87;--coral:#fc7967;--paper:#f6f8f8;--ink:#193447;--muted:#728590;--line:#e3eaec}*{box-sizing:border-box}body{margin:0;font:14px 'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-1px}h1{font-size:34px;line-height:1.2;margin-bottom:12px}h2{font-size:25px}p{line-height:1.7;color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--navy);color:#d2e1e6;padding:28px 20px;display:flex;flex-direction:column}.brand{background:white;border-radius:14px;width:112px;padding:9px;display:block;margin-bottom:30px}.brand img{display:block;width:100%;height:66px;object-fit:contain}.workspace-label{font-size:8px;letter-spacing:1.5px;padding:0 10px;line-height:2}.workspace-label span{color:#a3d6d8;display:block;font-size:8px}.sidebar nav{display:grid;gap:8px;margin-top:23px}.sidebar nav button{background:none;color:#b9cdd7;text-align:left;padding:14px 16px;border-radius:9px;font-size:19px;display:flex;gap:15px;align-items:center}.sidebar nav button span{font-size:12px}.sidebar nav button.active{background:#285064;color:white;box-shadow:inset 3px 0 var(--coral)}.sidebar-bottom{margin-top:auto;display:grid;gap:20px;padding:16px 10px 0}.sidebar-bottom button{background:#244a5d;color:white;border:1px solid #ffffff20;border-radius:8px;padding:12px;font-size:11px}.sidebar-bottom a{font-size:12px}.sidebar-bottom small{font-size:9px;color:#86a3b3}.workspace{margin-left:248px}header{height:93px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}header strong{display:block;font-size:16px;margin-top:7px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:var(--teal);font-weight:700}.header-actions{display:flex;gap:20px;align-items:center}.header-actions>span{font-size:10px;color:var(--muted)}.avatar{background:#e8f3f2;color:var(--teal);border-radius:50%;height:40px;width:40px;font-weight:700}.demo-banner{background:#fff6ee;font-size:10px;color:#886449;padding:12px 40px;display:flex;gap:10px;align-items:center;line-height:1.6}.demo-dot{width:6px;height:6px;background:#ec9b5f;border-radius:50%;flex-shrink:0}main{padding:36px 40px;min-height:calc(100vh - 190px);max-width:1600px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:25px}.page-heading p{margin:0;font-size:12px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--teal);color:white;padding:13px 19px;border-radius:7px;font-size:11px;font-weight:600;min-height:43px;cursor:pointer;white-space:nowrap}.btn:hover{background:#08656d}.btn.secondary{background:white;border:1px solid #dce5e7;color:var(--ink)}.btn.coral{background:var(--coral);color:#173849}.welcome{background:#123449;border-radius:15px;color:white;display:grid;grid-template-columns:1.25fr 1fr;overflow:hidden;margin-bottom:25px;min-height:240px}.welcome-copy{padding:32px}.welcome h2{font-family:Italiana,Georgia,serif;font-size:42px;line-height:1.12;letter-spacing:0;margin:14px 0}.welcome .eyebrow{color:#9fd5d2}.welcome p{color:#aec6d1;font-size:11px;max-width:350px}.welcome img{width:100%;height:100%;object-fit:cover;max-height:290px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:27px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:21px}.stat-top{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.stat-top span:last-child{color:var(--teal)}.stat strong{display:block;font-size:32px;margin:13px 0 7px;font-weight:500}.stat small{font-size:10px;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-heading h2{font-size:17px;letter-spacing:0;margin:0}.text-button{color:var(--teal);background:none;font-size:11px}.listing-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.listing-row img{width:88px;height:65px;object-fit:cover;border-radius:7px}.listing-row h3{font-size:13px;margin:0 0 6px}.listing-row p{font-size:10px;margin:0}.listing-row>div{flex:1}.listing-row strong{font-size:12px;white-space:nowrap}.badge{font-size:9px;padding:6px 10px;border-radius:20px;background:#e8f4ef;color:#32795d;white-space:nowrap}.badge.Draft{background:#fff1df;color:#9b6c30}.badge.Archived{background:#edf0f2;color:#76848b}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.quick{padding:23px;border:1px solid var(--line);background:white;border-radius:12px;text-align:left;color:var(--ink)}.quick>span{display:block;font-size:25px;color:var(--teal);margin-bottom:12px}.quick strong{font-size:13px}.quick p{font-size:11px;margin:8px 0 0}.toolbar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.toolbar input{flex:1;min-width:180px}.toolbar input,.toolbar select{border:1px solid var(--line);border-radius:7px;padding:12px;background:white;color:var(--ink);font-size:12px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.property{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white}.property-photo{position:relative}.property-photo img{width:100%;aspect-ratio:1.8;object-fit:cover;display:block}.property-photo .badge{position:absolute;left:15px;top:15px}.property-copy{padding:21px}.property-copy h3{font-size:18px;margin-bottom:8px}.property-copy p{font-size:11px;margin-bottom:15px}.property-price{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:15px;font-size:14px}.property-price span{font-size:10px;color:var(--muted)}.card-actions{display:flex;gap:10px;margin-top:20px}.card-actions .btn{flex:1}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.photo-tile{position:relative;background:#edf2f3;border-radius:8px;overflow:hidden}.photo-tile img{width:100%;aspect-ratio:1.25;object-fit:cover;display:block}.photo-tile small{display:block;font-size:9px;padding:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-tile button{position:absolute;right:6px;top:6px;background:#123449e6;color:white;border-radius:20px;font-size:10px;padding:6px 8px}.photo-tile .cover{position:absolute;left:6px;top:7px;background:white;color:var(--teal);font-size:8px;padding:5px;border-radius:3px}.empty{text-align:center;padding:55px 20px}.empty h2{font-family:Italiana,Georgia,serif;font-size:32px}.empty p{font-size:12px}.muted{font-size:11px;color:var(--muted)}footer{display:flex;justify-content:space-between;padding:20px 40px;font-size:9px;color:var(--muted);gap:15px}dialog{border:0;border-radius:15px;padding:30px;width:min(690px,calc(100% - 24px));max-height:90dvh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#0a263b99;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.dialog-top h2{margin:8px 0 0}.close{background:#f0f4f5;border-radius:50%;width:33px;height:33px;font-size:23px;flex-shrink:0}dialog>.close{float:right}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.full{grid-column:1/-1}label{font-size:11px;font-weight:600;display:block}label input,label select,label textarea{width:100%;display:block;border:1px solid #d6e1e5;border-radius:6px;padding:12px;background:white;color:var(--ink);font-size:12px;font-weight:400;margin-top:8px}textarea{resize:vertical}.upload-area{text-align:center;border:1px dashed #a9c8cb;border-radius:10px;background:#f4fafa;padding:25px;margin:24px 0 16px}.upload-symbol{font-size:25px;color:var(--teal);display:block;margin-bottom:10px}.upload-area strong{font-size:13px}.upload-area p{font-size:11px;margin:8px 0 15px}.upload-area small{display:block;font-size:9px;color:var(--muted);margin-top:12px}.upload-area input[hidden]{display:none}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}#form-error{color:#b13f35;font-size:12px}.preview-image{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:9px;margin:20px 0}.preview-thumbs{display:flex;gap:8px;overflow:auto;margin-bottom:22px}.preview-thumbs button{padding:0;background:none;flex-shrink:0}.preview-thumbs img{width:70px;height:50px;object-fit:cover;border-radius:5px}#preview h2{font:40px Italiana,Georgia,serif;letter-spacing:0;margin:15px 0}#preview p{font-size:13px;white-space:pre-line}#preview li{font-size:12px;line-height:1.9}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.profile-grid p{font-size:12px}.profile-grid .panel{margin:0}.profile-line{padding:16px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.profile-line small{font-size:9px;display:block;color:var(--muted);margin-bottom:7px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,25px);opacity:0;background:var(--navy);color:white;padding:14px 22px;border-radius:9px;font-size:12px;pointer-events:none;z-index:100;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}:focus-visible{outline:3px solid #fc7967;outline-offset:3px}@media(max-width:1100px){.sidebar{width:210px}.workspace{margin-left:210px}main{padding:28px}.welcome-copy{padding:26px}header{padding:0 28px}.photo-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.sidebar{width:auto;position:fixed;inset:auto 0 0;height:74px;padding:0;background:var(--navy);z-index:20;padding-bottom:env(safe-area-inset-bottom)}.sidebar .brand,.workspace-label,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);margin:0;gap:0}.sidebar nav button{padding:10px 2px;flex-direction:column;gap:5px;border-radius:0;font-size:20px}.sidebar nav button span{font-size:9px}.sidebar nav button.active{box-shadow:inset 0 3px var(--coral)}.workspace{margin:0;padding-bottom:80px}header{height:76px;padding:0 20px}.header-actions>span{display:none}.demo-banner{padding:11px 20px;font-size:9px}main{padding:26px 20px}.page-heading{align-items:start}.page-heading h1{font-size:27px}.page-heading .btn{font-size:10px;padding:11px}.welcome{grid-template-columns:1fr;min-height:0}.welcome img{height:150px;grid-row:1}.welcome-copy{padding:25px}.welcome h2{font-size:38px}.stats{gap:8px}.stat{padding:14px 10px}.stat-top{font-size:9px}.stat strong{font-size:27px}.stat small{font-size:8px}.panel{padding:18px}.listing-row{gap:11px;flex-wrap:wrap}.listing-row img{width:65px;height:54px}.listing-row>strong{margin-left:76px}.listing-row>div{min-width:150px}.quick-grid{gap:10px}.quick{padding:18px}.cards,.profile-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}footer{padding:15px 20px;flex-wrap:wrap}.header-actions{gap:10px}.form-grid{gap:13px}dialog{padding:24px 20px}.property-photo img{aspect-ratio:1.7}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
