:root{
  --primary:#0f766e;
  --primary-dark:#115e59;
  --bg:#eef7f5;
  --card:#ffffff;
  --text:#10201f;
  --muted:#6b7b78;
  --line:#dce9e6;
  --shadow:0 18px 45px rgba(15,118,110,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,var(--bg),#fff);color:var(--text)}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.app-shell{max-width:560px;margin:0 auto;min-height:100vh;background:#fff;position:relative;padding-bottom:92px;box-shadow:0 0 0 1px rgba(0,0,0,.03)}
.hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:22px 18px 28px;border-radius:0 0 30px 30px;position:sticky;top:0;z-index:5;box-shadow:var(--shadow)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.eyebrow{font-size:12px;opacity:.86;letter-spacing:.08em;text-transform:uppercase}h1{font-size:26px;margin:2px 0 0;line-height:1.08}.hero p{margin:10px 0 16px;font-size:14px;line-height:1.45;opacity:.93}.icon-btn{border:0;background:rgba(255,255,255,.18);color:#fff;border-radius:16px;width:46px;height:46px;font-size:20px}.search-box{display:flex;align-items:center;gap:10px;background:#fff;color:#222;border-radius:18px;padding:12px 14px}.search-box input{border:0;outline:0;width:100%;font-size:15px}.content{padding:16px}.quick-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:15px;box-shadow:0 10px 26px rgba(0,0,0,.06);margin-top:-4px}.quick-card strong{display:block;font-size:15px}.quick-card span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.pill-btn{background:#e8fbf8;color:var(--primary-dark);padding:10px 13px;border-radius:999px;font-weight:800;font-size:13px;white-space:nowrap}.filter-row{display:flex;gap:9px;overflow-x:auto;padding:16px 0 8px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:700;color:#475c58;white-space:nowrap}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:12px 0}.section-head h2{margin:0;font-size:20px}.section-head p{margin:3px 0 0;color:var(--muted);font-size:13px}.section-head span{font-size:12px;color:var(--primary-dark);font-weight:800;background:#e8fbf8;padding:7px 10px;border-radius:999px}.car-list{display:grid;gap:14px}.car-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.07)}.car-img{height:185px;background:#dfe9e7;width:100%;object-fit:cover;display:block}.car-body{padding:14px}.car-title{display:flex;justify-content:space-between;gap:10px}.car-title h3{margin:0;font-size:18px}.price{color:var(--primary-dark);font-weight:900;white-space:nowrap}.meta{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.meta span{font-size:12px;background:#f2f7f6;color:#48615d;padding:7px 9px;border-radius:999px;font-weight:700}.car-body p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.45}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-btn,.secondary-btn,.ghost-btn{border:0;border-radius:16px;padding:13px 14px;font-weight:900;text-align:center;cursor:pointer}.primary-btn{background:var(--primary);color:#fff;display:block}.secondary-btn{background:#e8fbf8;color:var(--primary-dark)}.ghost-btn{background:#f2f5f4;color:#344844}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);max-width:560px;width:100%;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px 8px max(8px,env(safe-area-inset-bottom));z-index:20}.nav-item{border:0;background:transparent;color:#6c7c79;font-size:11px;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 3px;border-radius:16px}.nav-item span{font-size:20px}.nav-item.active{background:#e8fbf8;color:var(--primary-dark)}.modal{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:50;display:none;align-items:end;justify-content:center;padding:14px}.modal.show{display:flex}.modal-card{width:100%;max-width:560px;max-height:92vh;overflow:auto;background:#fff;border-radius:28px 28px 18px 18px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.28)}.close-btn{position:absolute;right:12px;top:12px;z-index:2;border:0;background:rgba(0,0,0,.55);color:#fff;width:38px;height:38px;border-radius:50%;font-size:24px}.detail-card img{width:100%;height:245px;object-fit:cover;background:#e9eeee}.detail-body{padding:16px}.detail-body h3{margin:0 0 8px;font-size:23px}.detail-body p{color:var(--muted);font-size:14px;line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.detail-grid div{border:1px solid var(--line);border-radius:18px;padding:12px}.detail-grid small{display:block;color:var(--muted);font-size:11px}.detail-grid strong{display:block;margin-top:4px}.admin-card{padding:18px}.admin-card h3{margin:0 0 5px;font-size:22px}.muted{color:var(--muted);font-size:13px;line-height:1.45}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#f1f5f4;padding:5px;border-radius:18px;margin:15px 0}.tab{border:0;border-radius:14px;padding:11px;font-weight:900;background:transparent}.tab.active{background:#fff;color:var(--primary-dark);box-shadow:0 6px 18px rgba(0,0,0,.06)}.admin-panel{display:none}.admin-panel.active{display:grid;gap:12px}label{display:grid;gap:6px;font-size:13px;font-weight:800;color:#344844}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:15px;padding:12px 13px;outline:0;background:#fff}textarea{resize:vertical}.checkline{display:flex;align-items:center;gap:9px}.checkline input{width:auto}.car-form{display:grid;gap:12px}.admin-car-list{display:grid;gap:10px;margin-top:12px}.admin-item{border:1px solid var(--line);border-radius:18px;padding:12px;display:flex;justify-content:space-between;gap:10px}.admin-item strong{display:block}.admin-item small{color:var(--muted)}.admin-actions{display:flex;gap:7px}.mini-btn{border:0;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:900}.edit{background:#e8fbf8;color:var(--primary-dark)}.delete{background:#fee2e2;color:#991b1b}.empty{padding:24px;text-align:center;border:1px dashed var(--line);border-radius:22px;color:var(--muted)}
body.theme-blue{--primary:#2563eb;--primary-dark:#1d4ed8;--bg:#eff6ff}body.theme-orange{--primary:#ea580c;--primary-dark:#c2410c;--bg:#fff7ed}body.theme-dark{--primary:#111827;--primary-dark:#030712;--bg:#f3f4f6}
@media(min-width:760px){body{background:#e8eeec}.app-shell{margin:18px auto;border-radius:34px;overflow:hidden;min-height:calc(100vh - 36px)}.hero{border-radius:0 0 30px 30px}.bottom-nav{bottom:18px;border-radius:24px;border:1px solid var(--line)}}