
:root{--bg:#f5f7fb;--dark:#101828;--muted:#667085;--brand:#123c69;--brand2:#0b7285;--line:#e4e7ec;--card:#fff;--accent:#f59e0b;--danger:#b42318}html{font-size:16px;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--dark);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font-family:inherit}.wrap{width:100%;max-width:1180px;margin:0 auto;padding-left:18px;padding-right:18px}.top{background:#0b1220;color:#fff;font-size:14px}.top .wrap,.nav .wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px}.top .wrap{padding-top:10px;padding-bottom:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav .wrap{padding-top:16px;padding-bottom:16px}.logo{font-size:24px;font-weight:800;color:var(--brand);white-space:nowrap}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.menu a{font-weight:700;color:#344054}.btn{display:inline-block;background:var(--brand);color:#fff!important;padding:12px 18px;border-radius:10px;font-weight:800;border:0;cursor:pointer;line-height:1.2;white-space:nowrap}.btn.secondary{background:#eef4ff;color:var(--brand)!important}.btn.warn{background:var(--danger);color:#fff!important}.hero{background-color:#101828;background-image:linear-gradient(90deg,rgba(16,24,40,.92),rgba(18,60,105,.84)),url('https://images.unsplash.com/photo-1565514158740-064f34bd6cfd?q=80&w=1800&auto=format&fit=crop');background-position:center;background-size:cover;color:#fff}.hero .wrap{padding-top:86px;padding-bottom:86px}.hero h1{font-size:52px;line-height:1.05;max-width:760px;margin:0 0 16px}.hero p{font-size:20px;max-width:720px;line-height:1.55;color:#eaf2ff}.searchbar{background:#fff;margin-top:30px;padding:16px;border-radius:16px;display:-ms-grid;display:grid;-ms-grid-columns:1.5fr 12px 1fr 12px 1fr 12px auto;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;box-shadow:0 20px 45px rgba(0,0,0,.2)}input,select,textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff;color:#101828;min-width:0}textarea{min-height:120px;resize:vertical}.section{padding:58px 0}.section h2{font-size:34px;margin:0 0 10px;line-height:1.15}.muted{color:var(--muted);line-height:1.6}.grid{display:-ms-grid;display:grid;gap:22px}.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 25px rgba(16,24,40,.06)}.card .img{height:210px;background-color:#dde3ec;background-position:center;background-size:cover}.card .pad,.pad{padding:20px}.badge{display:inline-block;background:#ecfdf3;color:#027a48;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge.sold{background:#fef3f2;color:#b42318}.spec{display:-ms-grid;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.spec div{background:#f8fafc;border:1px solid var(--line);padding:10px;border-radius:10px;font-size:14px;overflow-wrap:anywhere}.footer{background:#0b1220;color:#fff;padding:42px 0;margin-top:40px}.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}.footer .muted{color:#d0d5dd}.admin-layout{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#0b1220;color:#fff;padding:24px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar a{display:block;padding:12px;border-radius:10px;margin:6px 0;color:#d0d5dd}.sidebar a:hover,.sidebar a.active{background:#1d2939;color:#fff}.admin-main{padding:28px;min-width:0}.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;min-width:720px}.table th,.table td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{background:#f8fafc}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}.notice{padding:14px;background:#fffaeb;border:1px solid #fedf89;border-radius:12px;color:#93370d}.login{max-width:420px;margin:80px auto;background:#fff;padding:30px;border-radius:18px;border:1px solid var(--line);box-shadow:0 10px 25px rgba(16,24,40,.08)}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.gallery img{width:100%;height:160px;object-fit:cover;border-radius:14px;background:#dde3ec}.gallery img:first-child{height:340px;grid-row:span 2}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi{background:#fff;border:1px solid var(--line);padding:20px;border-radius:16px}.kpi strong{font-size:28px}.mobile{display:none}.mobile-menu{display:none;background:#fff;border-top:1px solid var(--line);padding:12px 18px}.mobile-menu a{display:block;padding:11px 0;font-weight:700;color:#344054}@media(max-width:980px){.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.searchbar{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.footer .cols{grid-template-columns:1fr 1fr}}@media(max-width:760px){.top{display:none}.menu{display:none}.mobile{display:inline-block}.mobile-menu.open{display:block}.nav .wrap{padding-top:12px;padding-bottom:12px}.hero .wrap{padding-top:52px;padding-bottom:52px}.hero h1{font-size:34px}.hero p{font-size:17px}.searchbar,.grid.cards,.footer .cols,.admin-layout,.formgrid,.kpis,.gallery,.spec{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.admin-main{padding:18px}.gallery img,.gallery img:first-child{height:230px}.section{padding:38px 0}.table{min-width:620px}.btn{margin-top:4px}.logo{font-size:20px;white-space:normal}}@media(max-width:420px){.wrap{padding-left:14px;padding-right:14px}.hero h1{font-size:30px}.section h2{font-size:28px}.login{margin:36px 14px}.table{min-width:560px}}
