:root{--ink:#181510;--ink2:#3b3328;--blue:#715b36;--cyan:#b99a5e;--gold:#b99a5e;--bg:#f5f3ee;--panel:#fff;--line:#ded8ce;--muted:#746d63;--good:#27745c;--warn:#a36d18;--bad:#b4464d;--shadow:0 14px 40px rgba(41,34,24,.08)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Tahoma,Arial,sans-serif}button,input,select{font:inherit}[hidden]{display:none!important}
.login-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,rgba(185,154,94,.2),transparent 31%),linear-gradient(145deg,#17130e,#392e1e)}
.login-card{width:min(440px,100%);padding:38px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28);text-align:center}.login-mark{width:58px;height:58px;margin:0 auto 20px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),#83dcff);font-size:1.4rem;font-weight:900}.login-card h1{margin:0;font-size:1.7rem}.login-copy{margin:14px 0 24px;color:var(--muted);line-height:1.8}.login-card small{display:block;margin-top:18px;color:var(--muted);line-height:1.7}.eyebrow{margin:0 0 7px;color:var(--blue);font-size:.78rem;font-weight:800}.primary-button{width:100%;height:48px;border:0;border-radius:12px;color:#fff;background:var(--ink);font-weight:800;cursor:pointer}.primary-button:disabled{opacity:.55;cursor:not-allowed}.form-message{min-height:24px;color:var(--bad);font-size:.82rem}
.app-shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:25px 18px;color:#fff;background:linear-gradient(155deg,#17130e,#211b13 58%,#493a25);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px;border-bottom:1px solid rgba(255,255,255,.11)}.brand-logo{width:48px;height:48px;flex:0 0 48px;overflow:hidden;border-radius:13px;background:#fff;display:grid;place-items:center}.brand-logo img{width:100%;height:100%;object-fit:cover;transform:scale(2.2)}.brand strong,.brand small{display:block}.brand small{margin-top:4px;color:#cabda8}.navigation{display:grid;gap:7px;margin-top:24px}.nav-button{padding:13px;border:0;border-radius:11px;color:#cfc4b3;background:transparent;text-align:right;cursor:pointer}.nav-button:hover,.nav-button.active{color:#fff;background:rgba(185,154,94,.18)}.logout-button{margin-top:auto;padding:11px;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#e8dfd2;background:rgba(255,255,255,.05);cursor:pointer}
.main-content{min-width:0;padding:28px clamp(18px,3.5vw,52px) 50px}.topbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.topbar h1{margin:0;font-size:clamp(1.6rem,3vw,2.25rem)}.account-chip{padding:11px 15px;border-radius:13px;color:#fff;background:var(--ink)}.account-chip span,.account-chip small{display:block}.account-chip small{margin-top:4px;color:#9eb0cd}.loading-card,.error-card{padding:30px;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:center;box-shadow:var(--shadow)}.error-card{color:#9d2d43;background:#fff6f7}
.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:18px}.kpi{padding:19px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow);text-align:right;color:inherit}.kpi span,.kpi strong,.kpi small,.kpi em{display:block}.kpi span{color:var(--muted);font-size:.84rem}.kpi strong{margin:11px 0 6px;font-size:1.9rem}.kpi small{color:var(--muted)}.kpi em{margin-top:12px;color:var(--blue);font-size:.76rem;font-style:normal;font-weight:800}.kpi-action{width:100%;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.kpi-action:hover{transform:translateY(-2px);border-color:#9edcf5;box-shadow:0 18px 42px rgba(22,153,214,.13)}.kpi-action:focus-visible,.secondary-button:focus-visible,.filter-chip:focus-visible{outline:3px solid rgba(56,189,248,.35);outline-offset:2px}.panel{margin-bottom:18px;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow);scroll-margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.panel h2{margin:0;font-size:1.05rem}.tools{display:flex;flex-wrap:wrap;gap:8px}.tools input,.tools select{height:42px;min-width:145px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#fff}.tools .wide-control{min-width:min(310px,100%);flex:1}.filter-tools{align-items:center}.filter-panel{border-top:4px solid var(--cyan)}.secondary-button{min-height:42px;padding:0 14px;border:1px solid #cbd7e7;border-radius:10px;color:var(--ink2);background:#f7f9fc;font-weight:800;cursor:pointer}.secondary-button:hover{border-color:#8bcdeb;background:#eef9fd}.secondary-button:disabled{opacity:.45;cursor:not-allowed}.result-count{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border-radius:999px;color:#087b58;background:#e8f7f1;font-size:.82rem;font-weight:800}.table-wrap{overflow:auto;margin:0 -20px -20px;overscroll-behavior-inline:contain}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:13px 15px;border-top:1px solid #e9edf4;text-align:right;font-size:.86rem}th{color:#55627a;background:#f8fafc;font-size:.78rem}tbody tr:hover td{background:#fbfdff}.pill{display:inline-flex;padding:5px 8px;border-radius:999px;color:#42516d;background:#eef4fa;font-size:.75rem}.pill.good{color:#087b58;background:#e8f7f1}.pill.warn{color:#9a620e;background:#fff4de}.pill.bad{color:#a92d45;background:#fdecef}.empty{padding:34px!important;text-align:center;color:var(--muted)}.section{display:none}.section.active{display:block}.notice{margin-bottom:18px;padding:13px 16px;border:1px solid #bee4f2;border-radius:13px;color:#22546e;background:#eef9fd}.money{direction:ltr;display:inline-block;font-weight:700}.listing-link{color:#08759f;font-weight:800;text-decoration:none}.listing-link:hover{text-decoration:underline}
.quick-guide{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:15px 17px;border:1px solid #cfe9f5;border-radius:15px;background:linear-gradient(110deg,#eef9fd,#fff)}.quick-guide strong,.quick-guide span{display:block}.quick-guide span{margin-top:4px;color:var(--muted);font-size:.84rem}.quick-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filter-chip{min-height:36px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;color:#526078;background:#fff;font-weight:700;cursor:pointer}.filter-chip.active{border-color:var(--blue);color:#fff;background:var(--blue)}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 22px}.pagination span{min-width:130px;text-align:center;color:var(--muted);font-weight:700}.phone-actions{display:flex;align-items:center;gap:6px}.phone-actions a{padding:6px 8px;border-radius:8px;color:#08759f;background:#edf8fc;font-size:.76rem;font-weight:800;text-decoration:none}.phone-actions small{margin-inline-start:4px;color:var(--muted)}.performance-link{width:100%;margin-top:12px}
.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.chart-panel{min-width:0}.bar-list{display:grid;gap:14px}.bar-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;color:var(--muted);font-size:.8rem}.bar-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-label strong{color:var(--ink)}.bar-track{height:8px;overflow:hidden;border-radius:999px;background:#e8eef7}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan))}.chart-empty{margin:22px 0;color:var(--muted);text-align:center}.performance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.performance-card{padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.performance-head{display:flex;align-items:start;justify-content:space-between;gap:14px}.performance-head h2{margin:0;font-size:1.05rem}.sparkline{width:100%;height:92px;margin:16px 0 10px;overflow:visible}.sparkline line{stroke:#e1e8f2;stroke-width:1}.sparkline polyline{fill:none;stroke:var(--blue);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.sparkline circle{fill:var(--cyan);stroke:#fff;stroke-width:3}.mini-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-kpis span{padding:10px;border-radius:11px;color:var(--muted);background:#f6f9fd;font-size:.75rem}.mini-kpis strong{display:block;margin-bottom:3px;color:var(--ink);font-size:1.1rem}
@media(max-width:1050px){.chart-grid{grid-template-columns:1fr 1fr}.chart-grid .chart-panel:last-child{grid-column:1/-1}}@media(max-width:800px){.app-shell{display:block}.sidebar{position:sticky;z-index:20;width:100%;height:auto;padding:10px 14px;flex-direction:row;align-items:center;gap:10px;box-shadow:0 8px 24px rgba(7,17,45,.18)}.brand{padding:0 0 0 10px;border:0}.brand div:last-child{display:none}.brand-mark{width:38px;height:38px}.navigation{margin:0;display:flex;overflow:auto;scrollbar-width:none}.navigation::-webkit-scrollbar{display:none}.nav-button{min-height:42px;white-space:nowrap}.logout-button{margin:0 0 0 auto;white-space:nowrap}.main-content{padding:18px 12px 40px}.topbar{align-items:start;flex-direction:column;gap:12px}.account-chip{width:100%;display:flex;align-items:center;justify-content:space-between}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{padding:15px}.kpi strong{font-size:1.55rem}.kpi em{font-size:.7rem}.panel{padding:16px}.panel-head{align-items:stretch;flex-direction:column}.tools{display:grid;grid-template-columns:1fr}.tools input,.tools select,.tools .wide-control,.tools .secondary-button{width:100%;min-width:0}.quick-guide{align-items:stretch;flex-direction:column}.chart-grid{grid-template-columns:1fr}.chart-grid .chart-panel:last-child{grid-column:auto}.table-wrap{margin:0 -16px -16px}.table-wrap th:first-child,.table-wrap td:first-child{position:sticky;right:0;z-index:2;background:#fff;box-shadow:-8px 0 12px rgba(11,23,57,.04)}.table-wrap th:first-child{z-index:3;background:#f8fafc}.phone-actions{min-width:205px}.pagination{position:sticky;bottom:10px;z-index:4;width:max-content;max-width:100%;margin:8px auto 22px;padding:7px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}}
@media(max-width:420px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi span{font-size:.76rem}.kpi small{font-size:.72rem}.kpi em{display:none}.topbar h1{font-size:1.55rem}.logout-button{padding:9px}.brand{display:none}}

/* Deals Way identity and safe editing */
.login-logo{width:190px;height:94px;margin:0 auto 10px;overflow:hidden;display:grid;place-items:center;background:#fff}.login-logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.75)}
.primary-button{background:linear-gradient(135deg,#181510,#493a25)}.primary-button:hover{background:#715b36}.primary-button.compact{width:auto;min-width:150px;padding:0 22px}
.eyebrow,.kpi em,.listing-link,.phone-actions a{color:#715b36}.filter-panel{border-top-color:var(--gold)}.kpi-action:hover{border-color:#cbb88f;box-shadow:0 18px 42px rgba(113,91,54,.14)}
.kpi-action:focus-visible,.secondary-button:focus-visible,.filter-chip:focus-visible,.edit-button:focus-visible{outline-color:rgba(185,154,94,.42)}
.secondary-button{border-color:#d4ccbf;color:var(--ink2);background:#faf8f4}.secondary-button:hover{border-color:#b99a5e;background:#f4eee2}.filter-chip.active{border-color:var(--blue);background:var(--blue)}
.notice,.quick-guide{border-color:#dfd2b8;color:#58482d;background:#fbf7ee}.account-chip{background:linear-gradient(135deg,#181510,#493a25)}.account-chip small{color:#cabda8}
.bar-track{background:#eee9e0}.bar-track span{background:linear-gradient(90deg,#715b36,#b99a5e)}.sparkline polyline{stroke:#715b36}.sparkline circle{fill:#b99a5e}
.edit-button{min-height:34px;padding:6px 12px;border:1px solid #cdbb96;border-radius:9px;color:#5a482b;background:#fbf7ee;font-weight:800;cursor:pointer}.edit-button:hover{color:#fff;background:#715b36}
.permission-card{max-width:620px;margin:10vh auto;padding:34px;text-align:center}.permission-card h2{font-size:1.5rem}.permission-card p:not(.eyebrow):not(.form-message){margin:12px auto 22px;max-width:500px;color:var(--muted);line-height:1.9}.permission-card .primary-button{display:inline-block}.permission-card .form-message{margin-bottom:0}
.edit-dialog{width:min(650px,calc(100% - 28px));max-height:90vh;padding:0;border:0;border-radius:20px;color:var(--ink);background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.32)}.edit-dialog::backdrop{background:rgba(18,15,11,.65);backdrop-filter:blur(3px)}.edit-dialog form{padding:24px}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0 0 4px}.dialog-head small{color:var(--muted)}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:#faf8f4;font-size:1.5rem;cursor:pointer}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field span{color:var(--ink2);font-size:.82rem;font-weight:800}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff;font:inherit}.field input,.field select{height:44px}.field textarea{resize:vertical;line-height:1.7}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b99a5e;outline:3px solid rgba(185,154,94,.18)}.dialog-note{margin:16px 0 0;padding:10px 12px;border-radius:10px;color:#665735;background:#fbf7ee;font-size:.78rem;line-height:1.65}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}
@media(max-width:800px){.brand-logo{width:40px;height:40px;flex-basis:40px}.edit-dialog{width:calc(100% - 20px)}.edit-dialog form{padding:18px}.edit-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.dialog-actions{position:sticky;bottom:-18px;margin:10px -18px -18px;padding:13px 18px;background:#fff;border-top:1px solid var(--line)}.dialog-actions .primary-button,.dialog-actions .secondary-button{flex:1}.login-card{padding:30px 24px}}