:root{--orange:#ff5a00;--dark:#222;--muted:#666;--line:#e5e5e5;--bg:#f6f6f6;--white:#fff;--radius:16px;--max:1120px}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--dark);line-height:1.55}.container{max-width:var(--max);margin:auto;padding:0 20px}.site-header{background:#fff;border-bottom:4px solid var(--orange);position:sticky;top:0;z-index:10}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:82px}.brand{text-decoration:none;color:#111;display:flex;flex-direction:column;line-height:1}.brand strong{font-size:32px;letter-spacing:2px}.brand span{color:var(--orange)}.brand small{font-size:15px;margin-top:4px}.main-nav{display:flex;gap:22px}.main-nav a{color:#222;text-decoration:none;font-weight:700}.main-nav a:hover{color:var(--orange)}.menu-toggle{display:none;background:none;border:0;font-size:30px}.hero{background:linear-gradient(120deg,rgba(0,0,0,.75),rgba(0,0,0,.35)),url('../images/hero-commercial.jpg');background-size:cover;background-position:center;color:white}.hero-inner{padding:86px 20px}.hero h1{font-size:48px;max-width:780px;margin:0 0 16px}.hero p{max-width:680px;font-size:19px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#ffd3bf;font-weight:700}.btn{display:inline-block;background:var(--orange);color:#fff;padding:12px 18px;border-radius:999px;text-decoration:none;border:0;font-weight:700;cursor:pointer}.btn.secondary{background:#fff;color:#222}.btn.danger{background:#b42318}.actions{display:flex;gap:12px;flex-wrap:wrap}.section{padding:42px 20px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.panel,.listing-row{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.05)}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:18px}.badge{display:inline-block;background:#fff3ed;color:#b54000;border:1px solid #ffd4c0;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.text-link{color:var(--orange);font-weight:700}.service-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px}.panel{padding:22px}.site-footer{background:#222;color:#ddd;padding:34px 0;margin-top:30px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.filters select,.form input,.form select,.form textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:10px;background:#fff}.filters select{width:auto;min-width:180px}.listing-list{display:grid;gap:18px}.listing-row{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:16px}.listing-row img{width:100%;height:180px;object-fit:cover;border-radius:12px}.listing-row a{color:#222}.property-detail .detail-image{width:100%;max-height:460px;object-fit:cover;border-radius:var(--radius)}.detail-grid{display:grid;grid-template-columns:1fr 330px;gap:26px;margin-top:26px}.lead{font-size:19px;color:var(--muted)}dl{display:grid;grid-template-columns:120px 1fr;gap:8px}dt{font-weight:700}.narrow{max-width:760px}.admin-layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-sidebar{background:#222;color:white;padding:22px}.admin-sidebar a{display:block;color:white;text-decoration:none;padding:10px;border-radius:8px}.admin-sidebar a:hover{background:#333}.admin-main{padding:30px}.table-wrap{overflow:auto;background:white;border-radius:14px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:white}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{background:#fafafa}.form{display:grid;gap:15px;max-width:920px}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.notice{background:#ecfdf3;color:#067647;padding:12px 14px;border-radius:10px}.error{background:#fef3f2;color:#b42318;padding:12px 14px;border-radius:10px}@media(max-width:800px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;flex-direction:column;padding:18px 20px;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.hero h1{font-size:34px}.cards,.service-grid,.detail-grid,.footer-grid,.admin-layout,.form .two{grid-template-columns:1fr}.listing-row{grid-template-columns:1fr}.admin-sidebar{position:static}.filters select{width:100%}}
