.prosfores-system-app{font-family:Arial,sans-serif}
.ps-access-card,.ps-chart-card,.ps-card,.ps-customers-card,.ps-history-card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.ps-access-row,.ps-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.ps-access-card{margin-bottom:16px}
.ps-access-row input,.ps-toolbar input,.ps-toolbar select,.ps-input{min-height:40px;padding:8px 10px;border:1px solid #ccc;border-radius:8px;width:100%;box-sizing:border-box}
.ps-access-row input{max-width:260px}
.ps-access-note{margin-top:8px;color:#555;font-size:13px}
.ps-toolbar{justify-content:space-between;margin-bottom:16px}
.ps-toolbar-left,.ps-toolbar-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ps-badge{background:#eef4ff;color:#214d99;border-radius:999px;padding:8px 12px;font-size:13px}
.ps-summary-grid{display:grid;gap:16px;margin-bottom:16px}
.ps-summary-grid-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}
.ps-summary-grid-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}
.ps-card-title{font-size:14px;color:#666;margin-bottom:8px}
.ps-card-value{font-size:28px;font-weight:700}
.ps-card-subvalue{font-size:12px;color:#666;margin-top:6px}
.ps-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.ps-chart-card canvas{height:320px!important}
.ps-history-layout{display:grid;grid-template-columns:320px 1fr;gap:16px;margin-bottom:16px}
.ps-customers-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto}
.ps-customer-item{border:1px solid #d9d9d9;background:#f8f8f8;border-radius:8px;padding:10px 12px;text-align:left;cursor:pointer}
.ps-customer-item.active{background:#e8f0fe;border-color:#7aa1ff}
.ps-history-content{max-height:360px;overflow:auto}
.ps-history-entry{border:1px solid #ececec;border-radius:10px;padding:12px;margin-bottom:10px;background:#fafafa}
.ps-history-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}
.ps-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:14px}
.ps-empty{color:#777;padding:12px 0}
.ps-table-wrap{overflow:auto}
.ps-table{width:100%;border-collapse:collapse;background:#fff}
.ps-table th,.ps-table td{border:1px solid #e5e5e5;padding:8px;vertical-align:top;min-width:120px}
.ps-table th{background:#f7f7f7;position:sticky;top:0;z-index:1}
.ps-actions{white-space:nowrap;min-width:180px}
.ps-actions .button{margin-right:6px;margin-bottom:6px}
.ps-message{display:none;margin-top:12px;padding:12px 14px;border-radius:8px}
.ps-message.success{background:#eaf8ed;color:#166534}
.ps-message.error{background:#fdecec;color:#991b1b}
@media (max-width: 1100px){.ps-summary-grid-kpis,.ps-summary-grid-secondary,.ps-charts-grid,.ps-history-layout{grid-template-columns:1fr}.ps-history-grid{grid-template-columns:1fr}}

.ps-notification-badge{background:#fff3cd;color:#8a5a00;border:1px solid #ffd56a;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.08);display:inline-flex;align-items:center;gap:6px}