:root{--pos-bg:#f4f7fb;--pos-card:#fff;--pos-card-2:#f8fafc;--pos-text:#172033;--pos-muted:#64748b;--pos-border:#dce4ef;--pos-primary:#2563eb;--pos-success:#059669;--pos-danger:#dc2626;--pos-shadow:0 12px 32px rgba(15,23,42,.07)}
.dark{--pos-bg:#0b1120;--pos-card:#111827;--pos-card-2:#172033;--pos-text:#f8fafc;--pos-muted:#b4c0d3;--pos-border:#334155;--pos-primary:#60a5fa;--pos-success:#34d399;--pos-danger:#fb7185;--pos-shadow:0 14px 36px rgba(0,0,0,.28)}
body{background:var(--pos-bg)!important;color:var(--pos-text)!important}.dark body,.dark main{background:var(--pos-bg)!important;color:var(--pos-text)!important}
.dark .bg-white,.dark .dark\:bg-zinc-900{background-color:var(--pos-card)!important}.dark .bg-zinc-50,.dark .dark\:bg-zinc-800\/70{background-color:var(--pos-card-2)!important}
.dark .text-zinc-950,.dark .text-zinc-900,.dark .text-zinc-800,.dark .dark\:text-white,.dark .dark\:text-zinc-100,.dark h1,.dark h2,.dark h3,.dark dt{color:var(--pos-text)!important}
.dark .text-zinc-700,.dark .text-zinc-600,.dark .text-zinc-500,.dark .dark\:text-zinc-200,.dark .dark\:text-zinc-300,.dark .dark\:text-zinc-400,.dark p,.dark small{color:var(--pos-muted)!important}
.dark input,.dark select,.dark textarea{background:#0f172a!important;color:#f8fafc!important;border-color:#475569!important}.dark input::placeholder{color:#94a3b8!important}.dark table th{color:#cbd5e1!important}.dark table td{color:#e5e7eb!important}.dark a.text-blue-600,.dark .text-blue-600{color:#60a5fa!important}
.pos-page{width:min(1500px,100%);margin:auto;padding:clamp(16px,2.5vw,32px);display:flex;flex-direction:column;gap:22px}.pos-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.pos-page-header h1{font-size:clamp(25px,3vw,34px);font-weight:800;margin:2px 0}.pos-page-header p{color:var(--pos-muted);margin:0}.pos-eyebrow{color:var(--pos-primary);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.pos-actions{display:flex;gap:10px;flex-wrap:wrap}
.pos-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:11px;font-size:14px;font-weight:750;text-decoration:none;border:1px solid transparent;cursor:pointer}.pos-btn-primary{background:#2563eb;color:#fff}.pos-btn-success{background:#059669;color:#fff}.pos-btn-secondary{background:var(--pos-card);color:var(--pos-text);border-color:var(--pos-border)}.pos-btn-ghost{color:var(--pos-muted);border-color:var(--pos-border)}
.pos-filter-card{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto auto;gap:12px;align-items:end;background:var(--pos-card);border:1px solid var(--pos-border);border-radius:18px;padding:18px;box-shadow:var(--pos-shadow)}.pos-filter-card label{display:block;color:var(--pos-muted);font-size:12px;font-weight:750;margin-bottom:6px}.pos-filter-card input,.pos-filter-card select{width:100%;min-height:42px;border:1px solid var(--pos-border);border-radius:10px;padding:0 11px;background:var(--pos-card);color:var(--pos-text)}
.pos-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pos-stat{background:var(--pos-card);border:1px solid var(--pos-border);border-radius:16px;padding:18px;box-shadow:var(--pos-shadow)}.pos-stat span{display:block;color:var(--pos-muted);font-size:12px;font-weight:750}.pos-stat strong{display:block;margin-top:8px;font-size:22px}.pos-stat-danger{border-color:var(--pos-danger)}.pos-stat-danger strong{color:var(--pos-danger)}.pos-text-success{color:var(--pos-success)}
.pos-report-list{display:flex;flex-direction:column;gap:12px}.pos-credit-card{background:var(--pos-card);border:1px solid var(--pos-border);border-radius:17px;overflow:hidden;box-shadow:var(--pos-shadow)}.pos-credit-card.is-open{border-color:var(--pos-primary)}.pos-credit-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 19px;text-align:left;color:var(--pos-text);cursor:pointer}.pos-credit-customer{display:flex;align-items:center;gap:12px}.pos-credit-customer strong,.pos-credit-customer small{display:block}.pos-credit-customer small{color:var(--pos-muted);margin-top:3px}.pos-avatar-mini{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:800}.dark .pos-avatar-mini{background:#1e3a8a;color:#bfdbfe}.pos-credit-amount{text-align:right}.pos-credit-amount small,.pos-credit-amount strong{display:block}.pos-credit-amount small{color:var(--pos-muted)}.pos-credit-amount strong{color:var(--pos-danger);font-size:17px}.pos-credit-amount i{display:inline-block;transition:.2s}.is-open .pos-credit-amount i{transform:rotate(180deg)}
.pos-credit-detail{border-top:1px solid var(--pos-border);padding:18px;background:var(--pos-card-2)}.pos-detail-summary{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:14px;color:var(--pos-muted)}.pos-detail-summary b{color:var(--pos-text)}.pos-responsive-table{overflow:auto;border:1px solid var(--pos-border);border-radius:12px}.pos-responsive-table table{width:100%;border-collapse:collapse;background:var(--pos-card)}.pos-responsive-table th,.pos-responsive-table td{padding:11px 13px;border-bottom:1px solid var(--pos-border);text-align:left}.pos-responsive-table th{font-size:11px;color:var(--pos-muted);text-transform:uppercase;background:var(--pos-card-2)}.pos-empty,.pos-alert{padding:28px;text-align:center;border:1px solid var(--pos-border);background:var(--pos-card);border-radius:16px}.pos-alert-danger{border-color:#fecaca;color:#b91c1c;background:#fef2f2}
.profile-photo{width:96px;height:96px;border-radius:24px;object-fit:cover;border:3px solid var(--pos-card);box-shadow:0 0 0 1px var(--pos-border),var(--pos-shadow)}.profile-photo-small{width:34px;height:34px;border-radius:10px;object-fit:cover}
@media(max-width:1000px){.pos-filter-card{grid-template-columns:repeat(2,1fr)}.pos-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pos-page{padding:14px}.pos-page-header{align-items:stretch;flex-direction:column}.pos-actions .pos-btn{flex:1}.pos-filter-card{grid-template-columns:1fr;padding:14px}.pos-summary-grid{grid-template-columns:1fr 1fr;gap:9px}.pos-stat{padding:14px}.pos-stat strong{font-size:17px}.pos-credit-head{padding:14px}.pos-credit-customer{align-items:flex-start}.pos-avatar-mini{width:36px;height:36px}.pos-credit-amount strong{font-size:14px}.pos-responsive-table table,.pos-responsive-table tbody,.pos-responsive-table tr,.pos-responsive-table td{display:block}.pos-responsive-table thead{display:none}.pos-responsive-table tr{padding:8px;border-bottom:1px solid var(--pos-border)}.pos-responsive-table td{border:0;display:flex;justify-content:space-between;padding:6px}.pos-responsive-table td:before{content:attr(data-label);font-weight:700;color:var(--pos-muted)}}
.pos-alert-success{border-color:#a7f3d0;color:#047857;background:#ecfdf5}.pos-alert-warning{border-color:#fde68a;color:#92400e;background:#fffbeb}.dark .pos-alert-danger{border-color:#7f1d1d;color:#fecaca;background:#450a0a}.dark .pos-alert-success{border-color:#065f46;color:#a7f3d0;background:#022c22}.dark .pos-alert-warning{border-color:#78350f;color:#fde68a;background:#451a03}.pos-alert ul{text-align:left;margin:10px auto 0;max-width:800px}
.pos-connection-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:18px;align-items:start}.pos-connection-aside{display:flex;flex-direction:column;gap:18px}.pos-settings-card{background:var(--pos-card);border:1px solid var(--pos-border);border-radius:18px;padding:20px;box-shadow:var(--pos-shadow)}.pos-settings-card h2{margin:0;font-size:18px;color:var(--pos-text)}.pos-settings-card p{color:var(--pos-muted)}.pos-settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--pos-border)}.pos-settings-card-head p{margin:6px 0 0}.pos-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:20px}.pos-field{min-width:0}.pos-field-wide{grid-column:1/-1}.pos-field label{display:block;margin-bottom:7px;color:var(--pos-text);font-size:13px;font-weight:800}.pos-field input,.pos-field select{width:100%;min-height:44px;border:1px solid var(--pos-border);border-radius:11px;padding:0 12px;background:var(--pos-card);color:var(--pos-text);outline:none}.pos-field input:focus,.pos-field select:focus{border-color:var(--pos-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--pos-primary) 16%,transparent)}.pos-field small{display:block;margin-top:6px;color:var(--pos-muted);line-height:1.45}.pos-switch-row{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--pos-border);border-radius:12px;white-space:nowrap;color:var(--pos-text);font-size:13px;font-weight:800;cursor:pointer}.pos-switch-row input,.pos-option-card input{width:18px;height:18px;accent-color:var(--pos-primary)}.pos-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pos-option-card{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid var(--pos-border);border-radius:13px;background:var(--pos-card-2);cursor:pointer}.pos-option-card input{margin-top:2px;flex:0 0 auto}.pos-option-card b,.pos-option-card small{display:block}.pos-option-card b{color:var(--pos-text);font-size:13px}.pos-option-card small{margin-top:4px;color:var(--pos-muted);line-height:1.4}.pos-settings-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}.pos-connection-status{display:flex;align-items:center;gap:11px;margin-top:16px;padding:13px;border:1px solid var(--pos-border);border-radius:13px;background:var(--pos-card-2)}.pos-connection-status>span{width:11px;height:11px;border-radius:999px;background:#94a3b8;box-shadow:0 0 0 4px color-mix(in srgb,#94a3b8 18%,transparent)}.pos-connection-status.is-success>span{background:#10b981;box-shadow:0 0 0 4px color-mix(in srgb,#10b981 18%,transparent)}.pos-connection-status.is-danger>span{background:#ef4444;box-shadow:0 0 0 4px color-mix(in srgb,#ef4444 18%,transparent)}.pos-connection-status strong,.pos-connection-status small{display:block}.pos-connection-status strong{color:var(--pos-text)}.pos-connection-status small{margin-top:3px;color:var(--pos-muted)}.pos-status-message{margin:12px 0 0;word-break:break-word;font-size:13px;line-height:1.55}.pos-requirements{margin:15px 0 0;padding-left:23px;color:var(--pos-muted)}.pos-requirements li{padding:0 0 10px 5px;line-height:1.5}.pos-requirements li::marker{color:var(--pos-primary);font-weight:800}
@media(max-width:1100px){.pos-connection-layout{grid-template-columns:1fr}}@media(max-width:640px){.pos-settings-card{padding:15px}.pos-settings-card-head{flex-direction:column}.pos-switch-row{width:100%;white-space:normal}.pos-settings-form,.pos-option-grid{grid-template-columns:1fr}.pos-field-wide{grid-column:auto}.pos-settings-actions{flex-direction:column}.pos-settings-actions .pos-btn{width:100%}}