:root{--ink:#172033;--muted:#697386;--line:#e8ebf1;--bg:#f7f8fb;--card:#fff;--purple:#6c5ce7;--purple-soft:#f0edff;--mint:#0eaa83;--red:#df5670;--amber:#e79d34;--shadow:0 10px 35px rgba(27,35,57,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;width:248px;height:100vh;background:#171c2b;color:#d8dbe4;padding:28px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;color:#fff;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:2px;padding:0 9px 34px}.brand small{font-size:8px;letter-spacing:5.2px;position:relative;top:-3px}.brand-mark{height:34px;width:34px;display:grid;place-items:center;border-radius:10px;background:var(--purple);font-size:22px;letter-spacing:0}.nav{display:grid;gap:5px}.nav-link{border:0;background:transparent;color:#afb5c5;text-align:left;padding:12px 13px;border-radius:9px;font:inherit;cursor:pointer}.nav-link span{display:inline-block;width:25px;font-weight:700;font-size:17px}.nav-link:hover,.nav-link.active{background:#292e40;color:#fff}.nav-link.active{box-shadow:inset 3px 0 var(--purple)}.sidebar-bottom{margin-top:auto;border-top:1px solid #303548;padding:20px 9px 0;display:flex;gap:10px;align-items:center;font-size:12px}.sidebar-bottom small{display:block;color:#8c93a6;margin-top:3px}.user-avatar{background:linear-gradient(145deg,#9c91ff,#6557dc);width:33px;height:33px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}.main{margin-left:248px;min-width:0;flex:1}#topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px}h1{font-size:21px;margin:0;letter-spacing:-.4px}h2{font-size:16px;margin:0}h3{font-size:13px;margin:0}.subtitle{font-size:12px;color:var(--muted);margin-top:5px}.top-actions{display:flex;align-items:center;gap:12px}.period{color:var(--muted);font-size:12px;background:var(--bg);padding:9px 12px;border-radius:7px}#content{padding:31px 42px;max-width:1560px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:25px}.metric,.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metric{padding:18px}.metric-label{color:var(--muted);font-size:12px}.metric-value{font-weight:750;font-size:23px;letter-spacing:-.8px;margin-top:9px}.metric-note{font-size:11px;margin-top:7px;color:var(--mint)}.metric-note.bad{color:var(--red)}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.card{padding:21px}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.link-button{border:0;background:none;color:var(--purple);font:inherit;font-size:12px;cursor:pointer}.chart{height:200px;display:flex;align-items:flex-end;gap:10px;padding:12px 0 0}.bar{background:linear-gradient(180deg,#a79eff,var(--purple));border-radius:6px 6px 2px 2px;flex:1;min-width:12px;position:relative}.bar span{position:absolute;bottom:-20px;color:var(--muted);font-size:10px;left:50%;transform:translateX(-50%)}.activity{display:grid;gap:14px}.activity-row{display:flex;gap:11px;align-items:center}.activity-icon{width:31px;height:31px;border-radius:8px;background:var(--purple-soft);color:var(--purple);display:grid;place-items:center}.activity-row p{margin:0;font-size:12px}.activity-row small{color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.toolbar .left{display:flex;gap:9px;align-items:center}.search{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;width:235px;font:inherit;outline-color:var(--purple)}.btn{border:0;border-radius:8px;padding:10px 14px;font:600 12px inherit;cursor:pointer;transition:.15s}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:#5a4bc9}.btn-secondary{background:var(--purple-soft);color:var(--purple)}.btn-plain{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-danger{background:#fff0f2;color:var(--red)}table{width:100%;border-collapse:collapse}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:0 12px 11px}td{padding:13px 12px;border-top:1px solid var(--line);font-size:12px;vertical-align:middle}.phone-cell{display:flex;gap:10px;align-items:center}.phone-image{width:35px;height:45px;border-radius:6px;object-fit:cover;background:#eee}.phone-name{font-weight:650}.sub{display:block;color:var(--muted);font-size:10px;margin-top:3px}.badge{font-size:10px;font-weight:650;border-radius:99px;padding:5px 8px;white-space:nowrap}.green{background:#e8f8f3;color:#088b6e}.amber{background:#fff5e5;color:#b77010}.blue{background:#edf1ff;color:#5365ce}.red{background:#fff0f2;color:#c6405c}.purple{background:var(--purple-soft);color:var(--purple)}.amount.in{color:var(--mint);font-weight:650}.amount.out{color:var(--red);font-weight:650}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{padding:0 0 11px;border:0;background:transparent;color:var(--muted);font:600 12px inherit;cursor:pointer}.tab.active{color:var(--purple);border-bottom:2px solid var(--purple)}.cash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:21px}.cash-card{padding:16px;border:1px solid var(--line);border-radius:10px}.cash-card small{display:block;color:var(--muted)}.cash-card b{font-size:19px;display:block;margin-top:8px}.split{display:grid;grid-template-columns:1.65fr .85fr;gap:20px}.details{position:sticky;top:18px}.kv{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.kv span:first-child{color:var(--muted)}.profit{margin-top:16px;padding:14px;background:#edf9f5;border-radius:8px}.profit b{font-size:19px;color:#078568}.empty{padding:35px;color:var(--muted);text-align:center}.modal-backdrop{position:fixed;inset:0;background:rgba(17,23,38,.42);z-index:5;display:grid;place-items:center;padding:20px}.modal{max-width:680px;width:100%;max-height:92vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 28px 80px rgba(15,20,35,.3);padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.close{border:0;background:#f0f1f5;border-radius:7px;width:29px;height:29px;cursor:pointer;font-size:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;font:inherit;outline-color:var(--purple);background:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.sale-items{border:1px solid var(--line);border-radius:8px;padding:9px}.sale-item{display:flex;justify-content:space-between;align-items:center;padding:7px 3px;font-size:12px}.sale-total{display:flex;justify-content:space-between;font-size:17px;font-weight:750;margin-top:14px}.icon-btn{border:0;background:none;color:var(--red);cursor:pointer}.filters{display:flex;gap:7px}.select-filter{border:1px solid var(--line);padding:9px;border-radius:7px;background:#fff;font:inherit;font-size:12px}.hide{display:none}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.split{grid-template-columns:1fr}.details{position:static}.cash-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.sidebar{width:62px;padding:20px 8px}.brand{padding:0 6px 30px}.brand>span:last-child,.nav-link{font-size:0}.nav-link{padding:13px;text-align:center}.nav-link span{font-size:18px;width:auto}.sidebar-bottom{display:none}.main{margin-left:62px}#topbar{padding:0 18px;height:75px}.period{display:none}#content{padding:21px 17px}.metric-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}.toolbar .left{width:100%}.toolbar .left .search{flex:1}.card{overflow:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}table{min-width:650px}}