:root{--bg:#06110a;--panel:#0d1b12;--card:rgba(255,255,255,.08);--card2:rgba(255,255,255,.12);--line:rgba(255,255,255,.13);--ink:#f8fff7;--muted:#a6b8a7;--green:#16a34a;--gold:#facc15;--red:#ef4444;--blue:#38bdf8;--shadow:0 26px 80px rgba(0,0,0,.34);--radius:26px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% 0%,rgba(250,204,21,.18),transparent 32%),radial-gradient(circle at 90% 0%,rgba(22,163,74,.22),transparent 36%),linear-gradient(135deg,#020617,#06110a 50%,#0f172a);color:var(--ink);-webkit-text-size-adjust:100%;overflow-x:hidden}button,input,select,textarea{font:inherit;font-size:16px}button{border:none;cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.wrap{width:min(1440px,94vw);margin:0 auto;padding:22px 0 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:13px;font-weight:1000;letter-spacing:-.04em}.brand img{width:64px;height:64px;border-radius:20px;object-fit:cover;box-shadow:0 16px 40px rgba(22,163,74,.22)}.brand small{display:block;color:var(--muted);font-weight:800;letter-spacing:0;margin-top:3px}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:9px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#eaffea;font-weight:900}.dot{width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 8px rgba(34,197,94,.15)}.btn{border-radius:17px;padding:13px 15px;font-weight:1000;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.2s ease;color:white;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}.btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.15)}.btn.primary{background:linear-gradient(135deg,var(--green),#22c55e);box-shadow:0 18px 36px rgba(22,163,74,.25)}.btn.gold{background:linear-gradient(135deg,var(--gold),#f59e0b);color:#10210d}.btn.dark{background:#0f172a}.btn.red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(470px,94vw);border-radius:34px;padding:28px;background:rgba(255,255,255,.08);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.login-card img{width:90px;height:90px;object-fit:cover;border-radius:26px;margin-bottom:14px}.login-card h1{font-size:2.45rem;line-height:.95;margin:0 0 10px;letter-spacing:-.08em}.login-card p{color:var(--muted);line-height:1.55;margin:0 0 18px}.field{margin-bottom:13px}.field label{display:block;font-weight:1000;font-size:.86rem;margin-bottom:7px;color:#f3fff2}.field input,.field select{width:100%;border-radius:17px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:white;padding:14px 15px;outline:none}.field select option{color:#0f172a}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(22,163,74,.18)}.msg{margin-top:12px;padding:12px 13px;border-radius:16px;display:none;font-weight:900;line-height:1.45}.msg.show{display:block}.msg.ok{background:rgba(22,163,74,.14);border:1px solid rgba(22,163,74,.26);color:#bbf7d0}.msg.err{background:rgba(239,68,68,.13);border:1px solid rgba(239,68,68,.23);color:#fecaca}.crm-shell{display:grid;grid-template-columns:310px 1fr;gap:18px;align-items:start}.sidebar{position:sticky;top:18px;border-radius:var(--radius);background:rgba(255,255,255,.07);border:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.22);padding:16px}.sidebar h3{margin:0 0 10px;font-size:1rem;color:#ecffec}.branch-list{display:grid;gap:9px}.branch-card{border-radius:18px;padding:13px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);cursor:pointer;transition:.2s ease}.branch-card:hover,.branch-card.active{background:linear-gradient(135deg,rgba(22,163,74,.24),rgba(250,204,21,.11));border-color:rgba(250,204,21,.25)}.branch-card strong{display:block}.branch-card span{display:block;color:var(--muted);font-size:.82rem;margin-top:4px}.crm-main{display:grid;gap:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{border-radius:21px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);padding:16px}.stat small{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.11em;font-size:.7rem}.stat b{display:block;font-size:1.65rem;margin-top:7px;letter-spacing:-.06em}.hero-card{border-radius:34px;padding:24px;background:radial-gradient(circle at 92% 10%,rgba(250,204,21,.18),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:18px}.hero-card h1{font-size:clamp(2rem,4vw,4.2rem);line-height:.98;margin:7px 0 10px;letter-spacing:-.08em}.hero-card p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.55}.kicker{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(34,197,94,.13);color:#bbf7d0;border:1px solid rgba(34,197,94,.2);font-weight:1000;font-size:.8rem}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.panel{border-radius:var(--radius);background:rgba(255,255,255,.075);border:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.18);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035)}.panel-head h2{margin:0;font-size:1.18rem;letter-spacing:-.04em}.panel-head small{display:block;color:var(--muted);font-weight:800;margin-top:3px}.filters{display:grid;grid-template-columns:1.5fr .8fr .8fr;gap:12px;padding:18px}.filters .field{margin-bottom:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.list-box{padding:16px;display:grid;gap:10px;max-height:430px;overflow:auto}.mini-card{border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.mini-card strong{display:block;font-size:1rem}.mini-card span,.mini-card small{display:block;color:var(--muted);font-weight:800;margin-top:3px}.badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.2);color:#bbf7d0;font-size:.78rem;font-weight:1000}.badge.gold{background:rgba(250,204,21,.14);border-color:rgba(250,204,21,.24);color:#fef3c7}.badge.red{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.22);color:#fecaca}.customer-grid{padding:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customer-card{border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.11);padding:16px;display:grid;gap:12px}.customer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.avatar{width:48px;height:48px;border-radius:17px;background:linear-gradient(135deg,var(--gold),var(--green));color:#06110a;display:grid;place-items:center;font-weight:1000;flex:0 0 auto}.customer-name{font-size:1.1rem;font-weight:1000;letter-spacing:-.03em}.customer-meta{color:var(--muted);font-weight:800;font-size:.9rem;line-height:1.45}.customer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-btn{padding:9px 10px;border-radius:14px;font-size:.82rem}.empty{border:1px dashed rgba(255,255,255,.2);border-radius:22px;padding:22px;text-align:center;color:var(--muted);font-weight:900}.footer{text-align:center;color:var(--muted);font-weight:800;padding:14px 0}@media(max-width:1180px){.crm-shell,.two{grid-template-columns:1fr}.sidebar{position:relative;top:auto}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.wrap{width:min(100% - 22px,1440px);padding-top:14px}.topbar,.hero-card{display:block}.actions,.hero-actions{margin-top:12px;width:100%;justify-content:flex-start}.actions .btn,.actions .pill,.hero-actions .btn{flex:1}.stats,.filters,.customer-grid{grid-template-columns:1fr}.brand img{width:56px;height:56px}.hero-card h1{font-size:2.4rem}.customer-actions{grid-template-columns:1fr}.panel-head{display:block}}


/* PremioQR V7.2 CRM polish */
.mini-card .btn{white-space:nowrap}.customer-actions .btn{text-align:center}.customer-card{transition:.18s ease}.customer-card:hover{transform:translateY(-2px);border-color:rgba(250,204,21,.22)}
@media(max-width:620px){.mini-card{grid-template-columns:1fr}.mini-card .btn{width:100%}.hero-actions{display:grid}.filters{gap:10px}.customer-grid{padding:12px}.topbar .actions{display:grid;grid-template-columns:1fr 1fr}.topbar .actions .pill{grid-column:1/-1}}