*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#f3f4f6;color:#1f2937;font-size:14px;display:flex;min-height:100vh}
a{color:#0f766e}
.side{width:200px;background:#111827;color:#d1d5db;padding:16px 0;flex-shrink:0;position:sticky;top:0;height:100vh}
.side .brand{color:#fff;font-weight:800;font-size:1.1rem;padding:0 18px 16px}
.side .brand small{display:block;font-weight:400;color:#9ca3af;font-size:.75rem}
.side a{display:block;padding:10px 18px;color:#d1d5db;text-decoration:none}
.side a:hover{background:#1f2937;color:#fff}
.content{flex:1;padding:22px 28px;min-width:0}
h1{margin:0 0 16px;font-size:1.4rem}
h2{font-size:1.05rem;margin:22px 0 8px}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08)}
th,td{padding:9px 10px;text-align:left;border-bottom:1px solid #eee;vertical-align:top}
th{background:#f9fafb;font-size:.78rem;text-transform:uppercase;color:#6b7280}
img.th{width:64px;height:48px;object-fit:cover;border-radius:6px}
.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.stat{background:#fff;padding:16px;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.stat b{display:block;font-size:1.7rem;color:#0f766e}.stat span{color:#6b7280;font-size:.8rem}
.st{padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700;background:#e5e7eb}
.st.live{background:#d1fae5;color:#065f46}.st.new{background:#fef3c7;color:#92400e}.st.contacted{background:#dbeafe;color:#1e40af}
.st.agreed{background:#ede9fe;color:#5b21b6}.st.sold{background:#fee2e2;color:#991b1b}.st.hidden{background:#e5e7eb;color:#374151}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
input,select,textarea,button{font:inherit}
input:not([type=checkbox]):not([type=color]),select,textarea{padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;width:100%;background:#fff}
.bar input,.bar select{width:auto}
button,.btn{padding:8px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;text-decoration:none;color:#1f2937;display:inline-block}
button.primary{background:#0f766e;color:#fff;border-color:#0f766e;font-weight:700;padding:10px 22px}
.form label{display:block;margin:0 0 10px;font-size:.85rem;color:#374151;font-weight:600}
.form label input,.form label select,.form label textarea{margin-top:4px;font-weight:400}
.form .row{display:flex;gap:10px}.form .row label{flex:1}
.form .chk{display:flex;align-items:center;gap:6px;margin-top:22px}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media(max-width:900px){.cols{grid-template-columns:1fr}.side{display:none}body{display:block}}
.narrow{max-width:560px}
.imgs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.imgs div{position:relative}.imgs img{width:110px;height:82px;object-fit:cover;border-radius:8px}
.imgs button{position:absolute;top:4px;right:4px;background:#ef4444;color:#fff;border:0;border-radius:50%;width:22px;height:22px;padding:0;font-size:12px}
.flash{padding:10px 14px;border-radius:8px;background:#d1fae5;color:#065f46;margin-bottom:14px}.flash.err{background:#fee2e2;color:#991b1b}
.muted{color:#6b7280}
.pager{display:flex;gap:6px;margin:14px 0}.pager a{padding:6px 10px;background:#fff;border-radius:6px;text-decoration:none}.pager a.on{background:#0f766e;color:#fff}
body.login{align-items:center;justify-content:center}
.login .box{background:#fff;padding:28px;border-radius:12px;width:340px;box-shadow:0 4px 20px rgba(0,0,0,.1)}
.login label{display:block;margin-bottom:12px;font-weight:600;font-size:.85rem}.login input{margin-top:4px}
.login button{width:100%;background:#0f766e;color:#fff;border:0;padding:11px;font-weight:700}
code{background:#eef2f7;padding:1px 5px;border-radius:4px}