:root{--bg:#f7f9fc;--card:#fff;--ink:#152033;--muted:#77849a;--line:#e4e9f1;--blue:#2458e6;--blue2:#eff4ff;--green:#13975c;--red:#e04747;--shadow:0 14px 40px rgba(25,42,70,.07)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}.hidden{display:none!important}.shell{max-width:1120px;margin:0 auto;padding:28px 20px 48px}.brandbar{display:flex;align-items:center;gap:12px;margin-bottom:22px}.brandmark{width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#214bd4,#3c6cff);display:grid;place-items:center;color:#fff;font-weight:800}.brandbar strong{display:block;font-size:16px}.brandbar span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.login-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:42px;display:grid;grid-template-columns:1fr 1.2fr;gap:52px;align-items:center;box-shadow:var(--shadow);margin-top:60px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.login-copy h1{font-size:34px;margin:8px 0}.login-copy p{color:var(--muted);margin:0}.access-form label{font-size:13px;font-weight:700;display:block;margin-bottom:8px}.access-row{display:flex;gap:10px}.access-row input{flex:1;min-width:0;border:1px solid #ccd5e2;border-radius:12px;padding:14px 16px;font-size:16px;text-transform:uppercase;outline:none}.access-row input:focus{border-color:#6f90ef;box-shadow:0 0 0 3px rgba(36,88,230,.1)}.access-row button{border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:700;padding:0 22px;cursor:pointer}.access-row button:disabled{opacity:.65}.error-msg{min-height:22px;color:#c03535;font-size:13px;margin-top:8px}.customer-head{display:flex;justify-content:space-between;align-items:flex-end;margin:24px 2px 14px}.customer-head span{font-size:13px;color:var(--muted)}.customer-head h1{font-size:24px;margin:3px 0 0}.text-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 14px;color:#4d5a6e;cursor:pointer}.section-card{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:14px;box-shadow:0 3px 14px rgba(24,40,65,.025)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:17px 18px;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left;color:var(--ink);font-weight:700}.section-title.clickable{cursor:pointer}.detail-link{font-size:13px;color:var(--blue);font-weight:600}.chev{font-size:20px;vertical-align:-1px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:18px 8px}.summary-item{padding:8px 18px;border-right:1px solid var(--line)}.summary-item:last-child{border-right:0}.summary-item span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.summary-item strong{font-size:20px;color:var(--blue)}.summary-item strong.paid{color:var(--green)}.summary-item strong.sales{color:var(--blue)}.summary-item strong.debt{color:var(--red)}.summary-item strong.credit{color:var(--green)}.payment-content{display:grid;grid-template-columns:210px 1fr;gap:30px;padding:20px}.payment-content img{width:100%;max-width:190px;border-radius:16px;border:1px solid var(--line)}.payment-info{display:grid;gap:18px;align-content:center}.payment-info div span{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.payment-info div strong{font-size:15px}.payment-info p{color:var(--green);font-size:13px;margin:0}.detail-panel{background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:14px;padding:18px}.detail-panel h3{font-size:16px;margin:0 0 12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;margin-bottom:16px}table{border-collapse:collapse;width:100%;font-size:13px;min-width:760px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left}th{background:#f8fafc;color:#6f7c91;font-size:11px;text-transform:uppercase;letter-spacing:.03em}td.num,th.num{text-align:right}tr:last-child td{border-bottom:0}.empty-row{color:var(--muted);text-align:center!important;padding:18px}.detail-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.detail-summary>div{background:#f8fafc;border-radius:10px;padding:11px}.detail-summary span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.detail-summary strong{font-size:14px}.history-list{padding:4px 14px 14px}.history-row{border-bottom:1px solid var(--line)}.history-row:last-child{border-bottom:0}.history-button{width:100%;display:grid;grid-template-columns:120px 1fr 24px;gap:10px;align-items:center;padding:14px 4px;border:0;background:#fff;cursor:pointer;text-align:left}.history-button .month{color:var(--blue);font-weight:700}.history-button .cell span{display:none}.history-button .cell{font-size:13px;text-align:right}.history-button .opening,.history-button .ending{font-weight:700}.history-button .sales{color:var(--blue);font-weight:600}.history-button .paid{color:var(--green);font-weight:600}.history-button.active{background:#f4f7ff;border-radius:10px}.history-button .ending{font-weight:700}.history-button .arrow{text-align:right;color:#718096}.history-detail{padding:0 0 16px}.money-debt{color:var(--red)!important}.money-credit{color:var(--green)!important}@media(max-width:720px){.shell{padding:16px 12px calc(28px + env(safe-area-inset-bottom))}.brandbar{margin-bottom:14px}.brandmark{width:38px;height:38px;border-radius:11px}.brandbar strong{font-size:14px}.login-card{margin-top:20px;padding:24px 18px;grid-template-columns:1fr;gap:22px;border-radius:18px}.login-copy h1{font-size:27px}.access-row{display:grid}.access-row button{height:48px}.customer-head{margin-top:18px}.customer-head h1{font-size:21px}.section-card{border-radius:15px}.section-title{padding:14px}.summary-grid{grid-template-columns:1fr;padding:0}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:14px;border-right:0;border-bottom:1px solid var(--line)}.summary-item:last-child{border-bottom:0}.summary-item span{margin:0}.summary-item strong{font-size:16px}.payment-content{grid-template-columns:1fr;padding:14px;gap:14px}.payment-content img{max-width:150px;margin:auto}.payment-info{gap:10px}.detail-panel{padding:13px;border-radius:15px}.table-wrap{border:0}.mobile-lines{display:grid;gap:9px}.mobile-line{border:1px solid var(--line);border-radius:12px;padding:11px}.mobile-line .top{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}.mobile-line .top strong:last-child{text-align:right}.mobile-line .sub{font-size:12px;color:var(--muted);line-height:1.55}.desktop-table{display:none}.detail-summary{grid-template-columns:1fr 1fr}.history-list{padding:0 12px 8px}.history-button{grid-template-columns:1fr auto 20px;padding:14px 0}.history-button .cell:not(.ending){display:none}.history-button .ending{font-size:14px}.history-button .ending span{display:none}.detail-link{font-size:12px}}@media(min-width:721px){.mobile-lines{display:none}}

.history-inline-detail{margin:0 0 12px;padding:16px;background:#fbfcff}.empty-history{padding:18px;color:var(--muted);text-align:center}.history-row .history-inline-detail h3:first-child{margin-top:0}

.history-hint{font-size:13px;color:var(--muted);text-align:left}.history-button.active .history-hint{color:var(--blue)}
.payment-content{grid-template-columns:180px 1fr}.payment-content img{max-width:160px}
@media(max-width:720px){.payment-content img{max-width:125px}.history-button{grid-template-columns:90px 1fr 20px}.history-hint{font-size:12px}.summary-item strong{max-width:66%;text-align:right;line-height:1.35}}
.current-title{align-items:flex-start}.period-label{font-size:12px;color:var(--muted);font-weight:500;margin-top:6px}.orders-accordion{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:18px}.orders-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:#fff;padding:14px 16px;font-weight:700;color:var(--ink);cursor:pointer}.orders-toggle.open{border-bottom:1px solid var(--line)}.orders-body{padding:12px}.always-open-block h3{margin:0 0 10px}.history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.history-summary>div{background:#f8fafc;border-radius:10px;padding:11px}.history-summary span{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.history-summary strong{font-size:14px}.history-period{font-size:12px;color:var(--muted);margin:0 0 12px}.debt{color:var(--red)!important}.credit{color:var(--green)!important}.sales{color:var(--blue)!important}@media(max-width:720px){.history-summary{grid-template-columns:1fr}.orders-body{padding:10px}.period-label{font-size:11px}}