:root{--brand: #14675f;--brand-dark: #0b3b37;--brand-tint: #e8f2f0;--accent: #e3a438;--accent-dark: #b9822a;--bg: #f5f5f0;--surface: #ffffff;--surface-alt: #efefea;--border: #e2e2dc;--text: #14231f;--muted: #5b6b66;--faint: #8a9692;--error: #c0392b;--error-bg: #fbeceb;--success: #2f9e6e;--warning-bg: #fbf0df;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}a{color:var(--brand)}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100%}.sidebar{background:var(--brand-dark);color:#fff;padding:22px 16px;display:flex;flex-direction:column;gap:6px}.sidebar .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;margin-bottom:4px}.sidebar .brand img{width:32px;height:32px}.sidebar .sub{color:#ffffffa6;font-size:12px;margin-bottom:18px}.nav{display:block;color:#ffffffd9;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:600}.nav:hover{background:#ffffff14}.nav.active{background:#ffffff29;color:#fff}.nav .count{float:right;background:var(--accent);color:var(--brand-dark);border-radius:10px;padding:0 8px;font-size:12px;font-weight:800}.sidebar .me{margin-top:auto;font-size:12.5px;color:#ffffffbf;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}.sidebar .me b{display:block;color:#fff;font-size:13.5px}.main{padding:28px 32px 60px;width:100%;min-width:0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.page-head h1{margin:0;font-size:24px}.page-head p{margin:4px 0 0;color:var(--muted)}.acting{background:var(--accent-dark);color:#fff;border-radius:12px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.acting small{display:block;font-size:10.5px;letter-spacing:.06em;opacity:.85;font-weight:800}@media (max-width: 860px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 16px}.sidebar .sub,.sidebar .me{display:none}.sidebar .brand{margin:0 12px 0 0}.main{padding:18px 16px 48px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.grid{display:grid;gap:14px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (max-width: 1100px){.grid.cols-2-1{grid-template-columns:minmax(0,1fr)}}@media (max-width: 860px){.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.grid.cols-3,.grid.cols-2{grid-template-columns:minmax(0,1fr)}}.stat small{color:var(--muted);font-weight:600}.stat b{display:block;font-size:22px;margin-top:4px;color:var(--brand-dark)}.btn{border:0;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;background:var(--brand);color:#fff;min-height:40px}.btn:disabled{opacity:.45;cursor:default}.btn.secondary{background:var(--surface);color:var(--brand);border:1.5px solid var(--brand)}.btn.ghost{background:transparent;color:var(--muted)}.btn.danger{background:var(--error)}.btn.accent{background:var(--accent);color:var(--brand-dark)}.btn.small{padding:6px 10px;min-height:30px;font-size:12.5px}.link{background:none;border:0;color:var(--brand);font-weight:700;cursor:pointer;padding:4px}.link.danger{color:var(--error)}label.field{display:block;margin-bottom:12px;font-weight:700;font-size:13px}label.field input,label.field select,label.field textarea{display:block;width:100%;margin-top:6px;border:2px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff;color:var(--text);font-weight:500}label.field input:focus{outline:none;border-color:var(--brand)}.input{border:2px solid var(--border);border-radius:10px;padding:9px 12px;background:#fff;min-width:0}.error{color:var(--error);font-weight:700;font-size:13px;margin:8px 0}.ok{color:var(--success);font-weight:700}.muted{color:var(--muted)}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row.between{justify-content:space-between}.spacer{flex:1}table{width:100%;border-collapse:collapse}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}th{font-size:11.5px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--brand-tint)}td.num,th.num{text-align:right;white-space:nowrap}.badge{display:inline-block;font-size:11px;font-weight:800;border-radius:8px;padding:2px 8px;background:var(--warning-bg);color:var(--accent-dark)}.badge.err{background:var(--error-bg);color:var(--error)}.badge.ok{background:#e7f5ee;color:var(--success)}.badge.grey{background:var(--surface-alt);color:var(--muted)}.tabs{display:flex;gap:6px;margin-bottom:12px}.tab{border:1.5px solid var(--border);background:var(--surface);border-radius:20px;padding:7px 14px;cursor:pointer;font-weight:700;color:var(--muted)}.tab.active{border-color:var(--brand);color:var(--brand);background:var(--brand-tint)}.dot{display:inline-block;width:10px;height:10px;border-radius:5px;background:var(--faint)}.dot.on{background:var(--success)}.empty{text-align:center;padding:36px 12px;color:var(--muted)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:16px;z-index:20}.modal{background:var(--surface);border-radius:16px;padding:22px;width:100%;max-width:520px;max-height:90vh;overflow:auto}.modal.wide{max-width:860px}.modal h2{margin:0 0 14px;font-size:18px}.auth{min-height:100%;display:grid;grid-template-columns:1fr 1fr}.auth .hero{background:linear-gradient(135deg,#0b3b37,#14675f);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center}.auth .hero h1{font-size:34px;margin:18px 0 10px}.auth .hero p{color:#ffffffd1;line-height:1.6;max-width:440px}.auth .hero ul{color:#ffffffe6;line-height:2;padding-left:18px}.auth .form{display:flex;align-items:center;justify-content:center;padding:32px 16px}.auth .form .card{width:100%;max-width:420px}@media (max-width: 860px){.auth{grid-template-columns:minmax(0,1fr)}.auth .hero{padding:28px 20px}.auth .hero ul{display:none}}.problems{background:var(--error-bg);color:var(--error);border-radius:12px;padding:12px 14px;margin-bottom:12px}.cells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}@media (max-width: 860px){.cells{grid-template-columns:repeat(2,minmax(0,1fr))}}.cell{background:var(--surface-alt);border-radius:10px;padding:10px}.cell small{color:var(--muted);font-weight:700;font-size:11.5px}.cell b{display:block;margin:4px 0 8px}.live-grid{display:grid;grid-template-columns:minmax(260px,380px) minmax(0,1fr);gap:18px;align-items:start}.phone{position:sticky;top:16px;background:#111;border-radius:34px;padding:10px;box-shadow:0 10px 30px #0000002e}.phone img{display:block;width:100%;border-radius:26px;background:#fff}.phone-wait{aspect-ratio:9 / 19.5;border-radius:26px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}@media (max-width: 860px){.live-grid{grid-template-columns:minmax(0,1fr)}.phone{position:static;max-width:360px;margin:0 auto}}@media (max-width: 560px){.row>.input,.row>select.input,.row>input{flex:1 1 100%;min-width:0;width:100%}.page-head{flex-wrap:wrap;gap:10px}}.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-top:14px}.pager-info{font-size:13px}.pager-pages{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.pager-btn{min-width:34px;height:34px;padding:0 8px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;cursor:pointer}.pager-btn:hover:not(:disabled):not(.active){border-color:var(--brand);color:var(--brand)}.pager-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.pager-btn:disabled{opacity:.4;cursor:default}.pager-gap{padding:0 4px;color:var(--muted)}.pager-size{display:flex;align-items:center;gap:6px;font-size:13px}.pager-size select{border:1px solid var(--border);border-radius:8px;padding:5px 8px;background:var(--surface);color:var(--text);font:inherit}@media (max-width: 560px){.pager{justify-content:center}.pager-info{width:100%;text-align:center}}