.admin-body { background:#eef0ed; min-height:100vh; }
.login-view { min-height:100vh; display:grid; place-items:center; padding:30px; background:radial-gradient(circle at 20% 10%,rgba(98,229,220,.15),transparent 32%),var(--ink); }
.login-card { width:min(460px,100%); background:white; border-radius:28px; padding:40px; box-shadow:0 40px 100px rgba(0,0,0,.35); }
.login-card .admin-brand { color:var(--ink); margin-bottom:40px; }.login-card h1 { font-size:40px; margin:10px 0; }.login-card > p { color:var(--muted); margin-bottom:25px; }.login-card label { display:block; margin-bottom:15px; }.login-card label span { display:block; font-size:11px; font-weight:850; margin-bottom:6px; }.login-card input { width:100%; border:1px solid var(--line); border-radius:12px; padding:13px; outline:0; }.login-card input:focus { border-color:var(--cyan-dark); box-shadow:0 0 0 3px rgba(98,229,220,.15); }.back-home { display:block; text-align:center; margin-top:18px; color:var(--muted); font-size:12px; }
.dashboard-view { min-height:100vh; display:grid; grid-template-columns:245px 1fr; }.admin-sidebar { position:fixed; inset:0 auto 0 0; width:245px; background:var(--ink); color:white; padding:28px 18px; display:flex; flex-direction:column; }.admin-sidebar .admin-brand { padding:0 10px 35px; }.admin-sidebar nav { display:grid; gap:6px; }.side-link { border:0; background:transparent; color:rgba(255,255,255,.58); border-radius:11px; padding:12px 13px; text-align:left; display:flex; gap:12px; font-weight:750; }.side-link.active { background:rgba(98,229,220,.12); color:var(--cyan); }.sidebar-bottom { margin-top:auto; padding-top:20px; border-top:1px solid var(--line-light); display:grid; gap:7px; }.sidebar-bottom a,.sidebar-bottom button { border:0; background:transparent; color:rgba(255,255,255,.5); text-align:left; padding:7px 10px; font-size:12px; }
.admin-main { grid-column:2; min-width:0; }.admin-header { height:105px; padding:0 36px; background:white; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:10; }.admin-header h2 { font-size:30px; margin:6px 0 0; }.admin-header-actions { display:flex; gap:8px; }.admin-header .btn-ghost { color:var(--ink); border-color:var(--line); }.admin-content { padding:30px 36px 50px; }.admin-view { display:none; }.admin-view.active { display:block; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }.stats-grid article { background:white; border:1px solid var(--line); border-radius:18px; padding:22px; }.stats-grid span,.stats-grid b,.stats-grid small { display:block; }.stats-grid span { color:var(--muted); font-size:9px; font-weight:900; letter-spacing:.12em; }.stats-grid b { font-size:38px; line-height:1; margin:18px 0 7px; }.stats-grid small { color:var(--muted); font-size:11px; }.dashboard-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:16px; }.panel { background:white; border:1px solid var(--line); border-radius:18px; padding:22px; min-height:400px; }.panel-head { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:15px; }.panel-head h3 { margin:0; }.panel-head button { border:0; background:transparent; font-size:11px; color:var(--cyan-dark); font-weight:800; }.activity-list { display:grid; }.activity-item { display:grid; grid-template-columns:42px 1fr auto; gap:12px; align-items:center; padding:15px 0; border-bottom:1px solid var(--line); }.activity-icon { width:38px;height:38px;border-radius:11px;background:#edf7f5;display:grid;place-items:center;font-size:12px;font-weight:900;color:var(--cyan-dark); }.activity-item b,.activity-item small { display:block; }.activity-item b { font-size:13px; }.activity-item small { color:var(--muted); font-size:10px; }.activity-item > span { font-size:10px;color:var(--muted); }.empty { padding:50px 10px; text-align:center; color:var(--muted); }.setup-alert { margin-top:16px; border-radius:18px; padding:22px 25px; background:var(--lime); display:flex; justify-content:space-between; align-items:center; }.setup-alert b { font-size:16px; }.setup-alert p { margin:3px 0 0; font-size:12px; }.setup-alert a { font-weight:850; font-size:12px; }
.table-tools { display:flex; gap:10px; margin-bottom:14px; }.table-tools input,.table-tools select { border:1px solid var(--line); border-radius:12px; background:white; padding:12px 14px; }.table-tools input { flex:1; }.table-wrap { background:white; border:1px solid var(--line); border-radius:18px; overflow:auto; }table { width:100%; border-collapse:collapse; min-width:950px; }th,td { padding:14px 15px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }th { font-size:9px; color:var(--muted); letter-spacing:.1em; background:#fafaf7; }td { font-size:12px; }td b,td small { display:block; }td small { color:var(--muted); }.status-select { border:0; border-radius:99px; padding:7px 10px; font-size:10px; font-weight:800; background:#eef0ed; }.row-actions { display:flex; gap:5px; }.icon-btn { width:32px;height:32px;border:1px solid var(--line);background:white;border-radius:9px;display:grid;place-items:center; }.market-badge { display:inline-block;border-radius:99px;padding:4px 7px;background:var(--ink);color:var(--cyan);font-size:9px;font-weight:900;margin-bottom:4px; }
.lead-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.lead-card { background:white; border:1px solid var(--line); border-radius:18px; padding:22px; }.lead-card-head { display:flex; justify-content:space-between; gap:15px; }.lead-card h3 { margin:0; font-size:18px; }.lead-card small { color:var(--muted); }.lead-card p { color:var(--muted); font-size:12px; min-height:75px; white-space:pre-line; }.lead-card-links { display:flex; gap:8px; }.lead-card-links a,.lead-card-links button { border:1px solid var(--line);background:white;border-radius:9px;padding:7px 10px;font-size:10px;font-weight:800; }
.detail-modal { border:0;background:transparent;padding:0; }.detail-modal::backdrop { background:rgba(3,10,16,.68);backdrop-filter:blur(6px); }.detail-shell { width:min(650px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;background:white;border-radius:24px;padding:35px;position:relative; }.detail-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px; }.detail-item { padding:13px;border:1px solid var(--line);border-radius:12px; }.detail-item span,.detail-item b { display:block; }.detail-item span { font-size:9px;color:var(--muted);letter-spacing:.08em; }.detail-item b { font-size:13px;margin-top:4px;word-break:break-word; }.detail-notes { margin-top:14px;padding:16px;background:#f6f6f2;border-radius:12px;white-space:pre-wrap; }
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.lead-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.dashboard-view{grid-template-columns:1fr}.admin-sidebar{position:static;width:auto;min-height:auto;flex-direction:row;align-items:center;padding:14px}.admin-sidebar .admin-brand{padding:0}.admin-sidebar nav{display:flex;margin-left:auto}.side-link{font-size:0;padding:10px}.side-link span{font-size:16px}.sidebar-bottom{display:none}.admin-main{grid-column:1}.admin-header{height:auto;padding:20px;align-items:flex-start}.admin-header-actions{flex-direction:column}.admin-content{padding:20px}.stats-grid{grid-template-columns:1fr 1fr}.lead-grid{grid-template-columns:1fr}.setup-alert{align-items:flex-start;gap:20px;flex-direction:column}.detail-grid{grid-template-columns:1fr}}
@media(max-width:470px){.stats-grid{grid-template-columns:1fr}.admin-header h2{font-size:25px}.admin-header .btn{font-size:10px;padding:10px 12px}.admin-sidebar nav{gap:2px}.activity-item{grid-template-columns:38px 1fr}.activity-item>span{display:none}}
