.swm-page{display:flex;flex-direction:column;gap:20px}.swm-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.swm-stat{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:16px}.swm-stat span{display:block;color:#667085;font-size:12px;margin-bottom:8px}.swm-stat strong{font-size:26px;color:#101828}.swm-stat.danger strong{color:#b42318}.swm-stat.success strong{color:#027a48}.swm-tabs{display:flex;gap:8px;flex-wrap:wrap}.swm-tabs button,.swm-btn{border:1px solid #d0d5dd;background:#fff;border-radius:9px;padding:9px 13px;cursor:pointer;font-weight:650}.swm-tabs button.active,.swm-btn.primary{background:#101828;color:#fff;border-color:#101828}.swm-btn.secondary{background:#f9fafb}.swm-btn.danger{color:#b42318;border-color:#fda29b;background:#fff5f4}.swm-btn.small{padding:6px 9px;font-size:11px}.swm-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:20px}.swm-card-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:18px}.swm-card-head h2{margin:0 0 5px;color:#101828}.swm-card-head p{margin:0;color:#667085;font-size:13px}.swm-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.swm-field{display:flex;flex-direction:column;gap:7px}.swm-field.full,.swm-actions.full{grid-column:1/-1}.swm-field label{font-size:13px;font-weight:700;color:#344054}.swm-field input,.swm-field select,.swm-field textarea,.swm-filters input,.swm-filters select{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:10px 11px;font:inherit;box-sizing:border-box;background:#fff}.swm-field.checkbox label{display:flex;align-items:center;gap:8px}.swm-field.checkbox input{width:auto}.swm-field small,.swm-table small{display:block;color:#667085;margin-top:4px;font-size:11px}.swm-actions{display:flex;justify-content:flex-end}.swm-alert{border-radius:10px;padding:11px 13px}.swm-alert.error{background:#fff1f0;color:#b42318;border:1px solid #fecdca}.swm-alert.success{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.swm-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:10px;margin-bottom:16px}.swm-table-wrap{overflow-x:auto}.swm-table{width:100%;border-collapse:collapse}.swm-table th,.swm-table td{border-bottom:1px solid #eaecf0;padding:11px 10px;text-align:left;vertical-align:top;font-size:13px}.swm-table th{background:#f9fafb;color:#475467}.swm-row-actions{display:flex;flex-wrap:wrap;gap:6px}.swm-badge{display:inline-flex;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:800}.swm-badge.daily{background:#eef4ff;color:#3538cd}.swm-badge.weekly{background:#f4f3ff;color:#5925dc}.swm-badge.monthly,.swm-badge.active,.swm-badge.completed{background:#ecfdf3;color:#027a48}.swm-badge.inactive,.swm-badge.cancelled{background:#f2f4f7;color:#475467}.swm-badge.pending{background:#fffaeb;color:#b54708}.swm-badge.overdue,.swm-badge.priority-urgent{background:#fff1f0;color:#b42318}.swm-badge.priority-high{background:#fff6ed;color:#c4320a}.swm-badge.priority-normal{background:#f2f4f7;color:#344054}.swm-badge.priority-low{background:#ecfdf3;color:#027a48}.swm-overdue{color:#b42318!important}@media(max-width:1000px){.swm-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.swm-filters,.swm-form{grid-template-columns:1fr}.swm-field.full,.swm-actions.full{grid-column:auto}}.my-work-page{display:flex;flex-direction:column;gap:22px}.my-work-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.my-work-summary>div{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:15px}.my-work-summary span{display:block;color:#667085;font-size:12px;margin-bottom:7px}.my-work-summary strong{font-size:25px;color:#101828}.my-work-summary .danger strong{color:#b42318}.my-work-summary .success strong{color:#027a48}.my-work-section{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:18px}.my-work-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.my-work-section-head h2{margin:0;color:#101828;font-size:19px}.my-work-section-head>span{background:#f2f4f7;border-radius:20px;padding:5px 10px;font-weight:800}.my-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.my-work-card{border:1px solid #e4e7ec;border-radius:14px;padding:16px}.my-work-card.overdue{border-color:#fda29b;background:snow}.my-work-card-top{display:flex;justify-content:space-between;gap:12px}.my-work-badges{display:flex;flex-wrap:wrap;gap:6px}.my-work-badge{border-radius:20px;padding:4px 8px;font-size:10px;font-weight:800}.my-work-badge.daily{background:#eef4ff;color:#3538cd}.my-work-badge.weekly{background:#f4f3ff;color:#5925dc}.my-work-badge.monthly{background:#ecfdf3;color:#027a48}.my-work-badge.overdue,.my-work-badge.priority-urgent{background:#fff1f0;color:#b42318}.my-work-badge.priority-high{background:#fff6ed;color:#c4320a}.my-work-badge.priority-normal{background:#f2f4f7;color:#344054}.my-work-badge.priority-low{background:#ecfdf3;color:#027a48}.my-work-card h3{margin:14px 0 7px;color:#101828}.my-work-card p{margin:0 0 13px;color:#475467;line-height:1.5}.my-work-date{font-size:12px;color:#667085;white-space:nowrap}.my-work-meta{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0;font-size:12px;color:#667085}.my-work-meta span{display:flex;gap:5px}.my-work-complete-box{border-top:1px solid #eaecf0;padding-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.my-work-complete-box label{display:flex;align-items:center;gap:8px;font-weight:650;color:#344054}.my-work-complete-box button{border:0;border-radius:8px;padding:9px 12px;background:#101828;color:#fff;cursor:pointer}.my-work-complete-box button:disabled{opacity:.45;cursor:not-allowed}.my-work-alert{padding:11px 13px;border-radius:10px}.my-work-alert.error{color:#b42318;background:#fff1f0;border:1px solid #fecdca}.my-work-alert.success{color:#027a48;background:#ecfdf3;border:1px solid #abefc6}.my-work-completed-list{display:flex;flex-direction:column;gap:8px}.my-work-completed-row{border:1px solid #eaecf0;border-radius:10px;padding:11px;display:flex;justify-content:space-between;gap:12px}.my-work-completed-row small,.my-work-completed-row span{display:block;color:#667085;font-size:11px;margin-top:3px}.my-work-empty,.my-work-loading{padding:24px;text-align:center;color:#667085}@media(max-width:900px){.my-work-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.my-work-grid{grid-template-columns:1fr}.my-work-complete-box,.my-work-completed-row{align-items:stretch;flex-direction:column}}.inv-page{display:flex;flex-direction:column;gap:22px}.inv-card{background:#fff;border:1px solid #e8ecf2;border-radius:18px;padding:22px;box-shadow:0 8px 28px #1018280f}.inv-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.inv-card-head h2{margin:0 0 6px;font-size:22px;color:#101828}.inv-card-head p{margin:0;color:#667085;font-size:14px}.inv-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.inv-field{display:flex;flex-direction:column;gap:7px}.inv-field.full{grid-column:1 / -1}.inv-field label{font-weight:650;color:#344054;font-size:14px}.inv-field input,.inv-field select,.inv-field textarea,.inv-search{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;color:#101828;outline:none;box-sizing:border-box}.inv-field input:focus,.inv-field select:focus,.inv-field textarea:focus,.inv-search:focus{border-color:#98a2b3;box-shadow:0 0 0 3px #98a2b324}.inv-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.inv-btn{border:1px solid #d0d5dd;border-radius:9px;padding:9px 14px;cursor:pointer;background:#fff;color:#344054;font-weight:650}.inv-btn.primary{background:#101828;color:#fff;border-color:#101828}.inv-btn.secondary{background:#f9fafb}.inv-btn.danger{color:#b42318;border-color:#fda29b;background:#fff5f4}.inv-btn.small{padding:7px 10px;font-size:12px}.inv-btn:disabled{opacity:.55;cursor:not-allowed}.inv-alert{padding:11px 13px;border-radius:10px;margin-bottom:16px;font-size:14px}.inv-alert.error{background:#fff1f0;color:#b42318;border:1px solid #fecdca}.inv-alert.success{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.inv-table-wrap{overflow-x:auto}.inv-table{width:100%;border-collapse:collapse}.inv-table th,.inv-table td{padding:13px 12px;border-bottom:1px solid #eaecf0;text-align:left;vertical-align:top;font-size:14px}.inv-table th{color:#475467;background:#f9fafb;font-weight:700}.inv-code{display:inline-flex;padding:4px 8px;border-radius:7px;background:#f2f4f7;color:#344054;font-weight:700;font-size:12px}.inv-sub{display:block;margin-top:4px;color:#667085;font-size:12px}.inv-actions{display:flex;flex-wrap:wrap;gap:7px}.inv-qty{display:inline-flex;min-width:34px;justify-content:center;padding:5px 8px;border-radius:8px;background:#eef4ff;color:#3538cd;font-weight:800}.inv-search-row{display:flex;gap:14px;align-items:center;margin-bottom:18px}.inv-search{max-width:640px}.inv-result-count{white-space:nowrap;color:#667085;font-size:13px}.inv-modal-backdrop{position:fixed;inset:0;background:#1018288c;z-index:999;display:grid;place-items:center;padding:20px}.inv-modal{width:min(760px,100%);max-height:90vh;overflow-y:auto;background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 80px #10182847}.inv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.inv-item-card{border:1px solid #eaecf0;border-radius:16px;padding:18px;background:#fff}.inv-item-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.inv-item-card h3{margin:14px 0 4px;color:#101828}.inv-category{margin:0 0 14px;color:#667085;font-size:13px}.inv-location-box{background:#f9fafb;border:1px solid #eaecf0;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:5px}.inv-location-box span{font-size:10px;letter-spacing:.08em;color:#667085;font-weight:800}.inv-location-box strong{color:#101828;line-height:1.5}.inv-location-box small{color:#667085}.inv-remark{margin:12px 0 0;color:#475467;font-size:13px}.inv-empty{grid-column:1 / -1;text-align:center;padding:34px;color:#667085;border:1px dashed #d0d5dd;border-radius:14px}@media(max-width:900px){.inv-form,.inv-grid{grid-template-columns:1fr}.inv-card-head,.inv-search-row{flex-direction:column;align-items:stretch}.inv-search{max-width:none}}.pending-followups-page{width:100%;box-sizing:border-box;padding:4px 0 32px}.pending-followups-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:20px 22px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 2px 8px #1018280a,0 8px 24px #10182808}.pending-followups-heading{display:flex;align-items:center;gap:13px}.pending-followups-heading-icon{width:46px;height:46px;min-width:46px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:18px;font-weight:800;box-shadow:0 6px 16px #2563eb38}.pending-followups-heading h2{margin:0;color:#101828;font-size:19px;font-weight:800}.pending-followups-heading p{margin:3px 0 0;color:#667085;font-size:12px}.pending-refresh-btn{height:40px;padding:0 15px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;font-size:12px;font-weight:700;cursor:pointer}.pending-refresh-btn:hover:not(:disabled){background:#f9fafb;border-color:#98a2b3}.pending-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.pending-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.pending-summary-card{width:100%;padding:15px 16px;text-align:left;background:#fff;border:1px solid #e4e7ec;border-radius:12px;cursor:pointer;box-shadow:0 2px 8px #10182808;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.pending-summary-card:hover{transform:translateY(-2px);box-shadow:0 7px 18px #10182812}.pending-summary-card span{display:block;margin-bottom:5px;color:#667085;font-size:10.5px;font-weight:700}.pending-summary-card strong{display:block;color:#101828;font-size:22px;font-weight:800}.pending-summary-card.total.active{border-color:#94a3b8;background:#f8fafc}.pending-summary-card.today{border-left:4px solid #2563eb}.pending-summary-card.today.active{border-color:#93c5fd;background:#eff6ff}.pending-summary-card.overdue{border-left:4px solid #ef4444}.pending-summary-card.overdue.active{border-color:#fca5a5;background:#fef2f2}.pending-summary-card.upcoming{border-left:4px solid #f59e0b}.pending-summary-card.upcoming.active{border-color:#fcd34d;background:#fffbeb}.pending-filter-card{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:13px;background:#fff;border:1px solid #e4e7ec;border-radius:11px}.pending-search-box{position:relative;flex:1}.pending-search-box span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#667085;font-size:17px}.pending-search-box input{width:100%;height:42px;box-sizing:border-box;padding:0 13px 0 39px;border:1px solid #d0d5dd;border-radius:9px;outline:none;color:#101828;background:#fff;font-size:12.5px}.pending-filter-card select{width:180px;height:42px;padding:0 11px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;font-size:12px;outline:none}.pending-search-box input:focus,.pending-filter-card select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.pending-error{margin-bottom:16px;padding:11px 13px;background:#fef3f2;border:1px solid #fecdca;border-radius:9px;color:#b42318;font-size:12px}.pending-table-card{width:100%;overflow:hidden;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 4px 16px #1018280a}.pending-table-responsive{width:100%;overflow-x:auto}.pending-data-table{width:100%;min-width:1450px;border-collapse:collapse;background:#fff}.pending-data-table thead{background:#f8fafc}.pending-data-table th{padding:12px 13px;border-bottom:1px solid #e4e7ec;text-align:left;color:#475467;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.pending-data-table td{padding:13px;border-bottom:1px solid #f2f4f7;color:#344054;font-size:12px;vertical-align:middle}.pending-data-table tbody tr:hover{background:#fbfdff}.pending-data-table tbody tr:last-child td{border-bottom:none}.pending-row-id{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:800}.pending-customer-cell{display:flex;align-items:center;gap:10px;min-width:185px}.pending-customer-avatar{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:800}.pending-customer-cell>div:last-child{display:flex;flex-direction:column;gap:2px}.pending-customer-cell strong{color:#101828;font-size:12px;font-weight:700}.pending-customer-cell span{color:#98a2b3;font-size:10px}.pending-telecaller,.pending-call-status,.pending-staff-name{display:inline-flex;align-items:center;padding:5px 8px;border-radius:7px;background:#f2f4f7;color:#344054;font-size:10.5px;font-weight:700}.pending-note{max-width:220px;overflow:hidden;color:#475467;text-overflow:ellipsis;white-space:nowrap}.pending-date{display:inline-flex;align-items:center;padding:6px 9px;border:1px dashed #93c5fd;border-radius:7px;background:#eff6ff;color:#1d4ed8;font-size:10.5px;font-weight:800;white-space:nowrap}.pending-unassigned{color:#98a2b3;font-size:10.5px;font-style:italic}.pending-due-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:9.5px;font-weight:800;white-space:nowrap}.pending-due-badge.today{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.pending-due-badge.overdue{background:#fef2f2;border:1px solid #fecaca;color:#b42318}.pending-due-badge.upcoming{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.pending-action-group{display:flex;align-items:center;gap:6px;white-space:nowrap}.pending-action-btn{min-height:31px;padding:0 9px;border-radius:7px;font-size:10px;font-weight:800;cursor:pointer}.pending-action-btn.view{background:#fff;border:1px solid #d0d5dd;color:#344054}.pending-action-btn.call{background:#2563eb;border:1px solid #2563eb;color:#fff}.pending-action-btn.done{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.pending-state-box{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.pending-state-box h3{margin:10px 0 3px;color:#101828;font-size:15px}.pending-state-box p{margin:0;color:#667085;font-size:11px}.pending-empty-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#ecfdf3;color:#067647;font-size:20px;font-weight:800}.pending-loader{width:29px;height:29px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:pendingSpin .7s linear infinite}@keyframes pendingSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.pending-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.pending-followups-header{align-items:flex-start;flex-direction:column}.pending-refresh-btn{width:100%}.pending-filter-card{flex-direction:column;align-items:stretch}.pending-filter-card select{width:100%}}@media(max-width:480px){.pending-summary-grid{grid-template-columns:1fr}.pending-followups-heading{align-items:flex-start}.pending-followups-heading-icon{width:40px;height:40px;min-width:40px}.pending-followups-heading h2{font-size:16px}}.trial-balance-page{width:100%;min-height:100%}.trial-balance-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.trial-balance-topbar h2{margin:0;font-size:28px;line-height:1.2;font-weight:800}.trial-balance-topbar p{margin:7px 0 0;opacity:.72;font-size:14px}.trial-balance-refresh{min-width:110px;height:42px;border-radius:10px;border:1px solid rgba(127,127,127,.28);cursor:pointer;font-weight:700;padding:0 16px}.trial-balance-refresh:disabled{cursor:not-allowed;opacity:.6}.trial-balance-alert{border-radius:10px;padding:13px 15px;margin-bottom:18px;font-size:14px}.trial-balance-alert.error{border:1px solid rgba(220,38,38,.25);background:#dc262614}.trial-balance-loading{min-height:180px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(127,127,127,.2);border-radius:14px;font-weight:700;opacity:.72}.trial-balance-loading.small{min-height:90px}.trial-balance-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.trial-balance-card{text-align:left;width:100%;border-radius:16px;border:1px solid rgba(127,127,127,.2);padding:18px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.trial-balance-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000014}.trial-balance-card.active{border-width:2px}.trial-balance-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.trial-balance-card-icon{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;border:1px solid rgba(127,127,127,.22)}.trial-balance-card-arrow{opacity:.55;font-size:18px}.trial-balance-card h3{margin:0;font-size:16px;font-weight:800}.trial-balance-card p{margin:5px 0 14px;font-size:12px;opacity:.65;min-height:30px}.trial-balance-card-balance{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:900}.balance-tag{display:inline-flex;min-width:30px;height:24px;padding:0 7px;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:900}.balance-tag.dr{background:#dc26261c}.balance-tag.cr{background:#16a34a1c}.trial-balance-total-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid rgba(127,127,127,.2);border-radius:14px;overflow:hidden;margin-bottom:18px}.trial-balance-total-strip>div{padding:15px 18px}.trial-balance-total-strip span{display:block;font-size:12px;opacity:.65;margin-bottom:6px}.trial-balance-total-strip strong{font-size:18px}.trial-balance-section,.trial-balance-ledger-panel{border:1px solid rgba(127,127,127,.2);border-radius:16px;overflow:hidden;margin-bottom:20px}.trial-balance-section-head,.trial-balance-ledger-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(127,127,127,.18)}.trial-balance-section-head h3,.trial-balance-ledger-panel-head h3{margin:0;font-size:18px;font-weight:850}.trial-balance-section-head p,.trial-balance-ledger-panel-head p{margin:4px 0 0;font-size:12px;opacity:.65}.trial-balance-section-total{display:flex;align-items:center;gap:7px;font-size:18px;font-weight:900}.trial-balance-section-total span{font-size:12px;opacity:.68}.trial-balance-table-wrap{width:100%;overflow-x:auto}.trial-balance-table{width:100%;border-collapse:collapse;min-width:850px}.trial-balance-table th,.trial-balance-table td{padding:13px 15px;border-bottom:1px solid rgba(127,127,127,.14);text-align:left;vertical-align:middle;font-size:13px}.trial-balance-table th{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.03em;opacity:.72}.trial-balance-table tbody tr:last-child td{border-bottom:0}.trial-balance-row{cursor:pointer;transition:background .15s ease}.trial-balance-row:hover{background:#7f7f7f0f}.trial-balance-ledger-name{display:flex;flex-direction:column;gap:3px}.trial-balance-ledger-name strong{font-size:14px}.trial-balance-ledger-name small{font-size:11px;opacity:.65}.amount-col{text-align:right!important;white-space:nowrap}.action-col{text-align:center!important;white-space:nowrap}.debit-number,.credit-number{font-weight:700}.trial-balance-balance-cell{display:flex;align-items:center;justify-content:flex-end;gap:7px}.trial-balance-view-btn{height:34px;border-radius:8px;border:1px solid rgba(127,127,127,.25);padding:0 11px;cursor:pointer;font-weight:750;font-size:12px}.trial-balance-empty{text-align:center!important;padding:34px 15px!important;opacity:.6}.trial-balance-ledger-panel{margin-top:20px}.trial-balance-ledger-panel-head button{height:34px;padding:0 13px;border-radius:8px;border:1px solid rgba(127,127,127,.25);cursor:pointer;font-weight:700}.trial-balance-ledger-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-bottom:1px solid rgba(127,127,127,.18)}.trial-balance-ledger-totals>div{padding:14px 18px}.trial-balance-ledger-totals span{display:block;font-size:11px;opacity:.65;margin-bottom:5px}.trial-balance-ledger-totals strong{font-size:16px}.trial-balance-table.compact{min-width:760px}@media(max-width:1200px){.trial-balance-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.trial-balance-topbar{align-items:flex-start;flex-direction:column}.trial-balance-refresh{width:100%}.trial-balance-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.trial-balance-total-strip,.trial-balance-ledger-totals{grid-template-columns:1fr}.trial-balance-section-head,.trial-balance-ledger-panel-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.trial-balance-cards{grid-template-columns:1fr}.trial-balance-topbar h2{font-size:23px}.trial-balance-card-balance{font-size:18px}}.view-journal-page{width:100%;max-width:1350px;margin:0 auto;padding:12px 18px 32px;box-sizing:border-box}.view-journal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.view-journal-heading h2{margin:0;color:#101828;font-size:21px;font-weight:800}.view-journal-heading p{margin:4px 0 0;color:#667085;font-size:12px}.view-journal-heading button{height:37px;padding:0 15px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-weight:700;cursor:pointer}.view-journal-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:15px}.view-journal-stats>div{padding:15px 17px;border:1px solid #e4e7ec;border-radius:12px;background:#fff}.view-journal-stats span{display:block;color:#667085;font-size:10.5px;font-weight:700;text-transform:uppercase}.view-journal-stats strong{display:block;margin-top:5px;color:#101828;font-size:20px}.view-journal-card{overflow:hidden;border:1px solid #e4e7ec;border-radius:13px;background:#fff}.view-journal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border-bottom:1px solid #eaecf0}.view-journal-toolbar h3{margin:0;font-size:15px;color:#101828}.view-journal-toolbar input{width:min(100%,350px);height:37px;padding:0 11px;border:1px solid #d0d5dd;border-radius:7px;outline:none}.view-journal-table-wrap{overflow-x:auto}.view-journal-table{width:100%;min-width:900px;border-collapse:collapse}.view-journal-table th{padding:10px 13px;background:#f8fafc;border-bottom:1px solid #e4e7ec;color:#475467;font-size:10px;text-align:left;text-transform:uppercase}.view-journal-table td{padding:11px 13px;border-bottom:1px solid #f0f2f5;color:#344054;font-size:11.5px}.ledger-name{font-weight:800}.ledger-name.debit{color:#b42318}.ledger-name.credit{color:#067647}.view-journal-table small{color:#98a2b3;font-size:9px}.journal-amount{color:#101828;white-space:nowrap}.view-journal-empty{padding:30px!important;text-align:center;color:#667085!important}.view-journal-error{margin:13px 17px;padding:10px;border:1px solid #fecdca;border-radius:7px;background:#fef3f2;color:#b42318}@media(max-width:700px){.view-journal-stats{grid-template-columns:1fr}.view-journal-toolbar{align-items:stretch;flex-direction:column}.view-journal-toolbar input{width:100%;box-sizing:border-box}}.bank-ledger-page{width:100%;max-width:1250px;margin:0 auto;padding:20px;box-sizing:border-box}.bank-ledger-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.bank-ledger-toolbar>div{display:flex;gap:8px}.bank-ledger-toolbar button{height:38px;padding:0 16px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:700;cursor:pointer}.bank-ledger-toolbar>div button:last-child{background:#334155;color:#fff;border-color:#334155}.bank-ledger-sheet{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:26px;box-shadow:0 10px 28px #0f172a0f}.bank-ledger-heading{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px}.bank-ledger-heading h1{margin:0;font-size:31px;line-height:1;letter-spacing:3px;color:#334155}.bank-ledger-heading h2{margin:0;color:#0f172a;text-align:right}.bank-ledger-heading p{margin:4px 0 0;text-align:right;color:#64748b}.bank-ledger-bank-info{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.bank-ledger-bank-info>div{padding:11px;background:#f8fafc;border:1px solid #e2e8f0}.bank-ledger-bank-info span,.bank-ledger-summary span{display:block;margin-bottom:4px;color:#64748b;font-size:10px}.bank-ledger-bank-info strong{font-size:12px;color:#334155}.bank-ledger-summary{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:18px;border:1px solid #cbd5e1}.bank-ledger-summary>div{padding:13px;border-right:1px solid #cbd5e1}.bank-ledger-summary>div:last-child{border-right:none}.bank-ledger-summary strong{color:#0f172a;font-size:15px}.bank-ledger-summary .payment strong{color:#dc2626}.bank-ledger-summary .receipt strong{color:#059669}.bank-ledger-summary .balance strong{color:#2563eb}.bank-ledger-table-wrap{width:100%;overflow-x:auto}.bank-ledger-table-wrap table{width:100%;min-width:850px;border-collapse:collapse}.bank-ledger-table-wrap th{padding:9px 10px;background:#e2e8f0;color:#334155;font-size:11px;text-align:left}.bank-ledger-table-wrap td{padding:10px;border-bottom:1px solid #e5e7eb;font-size:11px;color:#334155}.bank-ledger-table-wrap td small{display:block;margin-top:3px;color:#94a3b8}.bank-ledger-table-wrap .right{text-align:right}.payment-text{color:#dc2626!important}.receipt-text{color:#059669!important}.balance-text{font-weight:800;color:#2563eb!important}.bank-ledger-loading,.bank-ledger-error{padding:30px;text-align:center}.bank-ledger-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px}.empty{padding:30px!important;text-align:center!important;color:#64748b!important}@media(max-width:768px){.bank-ledger-page{padding:10px}.bank-ledger-bank-info,.bank-ledger-summary{grid-template-columns:1fr}.bank-ledger-summary>div{border-right:none;border-bottom:1px solid #cbd5e1}.bank-ledger-toolbar{flex-direction:column;align-items:stretch;gap:8px}.bank-ledger-toolbar>div{width:100%}.bank-ledger-toolbar>div button{flex:1}}@media print{.sidebar,.topbar,.bank-ledger-toolbar{display:none!important}.bank-ledger-page{max-width:none;padding:0}.bank-ledger-sheet{border:none;box-shadow:none}}.account-head-page,.account-ledger-page{width:100%;padding:22px;box-sizing:border-box}.account-head-card{width:100%;max-width:1150px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-sizing:border-box;box-shadow:0 10px 28px #0f172a0f}.account-head-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #e2e8f0}.account-head-header h2{margin:0;color:#0f172a;font-size:23px;font-weight:800}.account-head-header p{margin:5px 0 0;color:#64748b;font-size:13px}.account-head-refresh-btn{height:40px;padding:0 17px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#334155;font-size:13px;font-weight:700;cursor:pointer;transition:.2s}.account-head-refresh-btn:hover{background:#f8fafc;border-color:#94a3b8}.account-head-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.account-head-alert{display:flex;align-items:center;gap:9px;margin-bottom:15px;padding:11px 13px;border-radius:9px;font-size:13px;font-weight:600}.account-head-alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.account-head-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.account-head-summary-box{padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.account-head-summary-box span{display:block;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:650}.account-head-summary-box strong{color:#0f172a;font-size:19px;font-weight:800}.account-head-summary-box.expense{background:#fff7ed;border-color:#fed7aa}.account-head-summary-box.expense strong{color:#c2410c}.account-head-summary-box.income{background:#ecfdf5;border-color:#a7f3d0}.account-head-summary-box.income strong{color:#047857}.account-head-search{margin-bottom:16px}.account-head-search input{width:100%;height:42px;padding:0 14px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0f172a;font-size:13px;outline:none}.account-head-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.account-head-table-wrap,.account-ledger-table-wrap{width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:11px}.account-head-table,.account-ledger-table{width:100%;border-collapse:collapse;min-width:700px}.account-head-table thead,.account-ledger-table thead{background:#e5e7eb}.account-head-table th,.account-ledger-table th{padding:11px 12px;text-align:left;color:#334155;font-size:12px;font-weight:800;border-bottom:1px solid #cbd5e1}.account-head-table td,.account-ledger-table td{padding:12px;color:#334155;font-size:13px;border-bottom:1px solid #e5e7eb}.account-head-table tbody tr:hover{background:#f8fafc}.amount-col{text-align:right!important}.account-head-name-btn{padding:0;border:none;background:transparent;font-size:13px;font-weight:750;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.account-head-name-btn.expense{color:#c2410c}.account-head-name-btn.income{color:#047857}.account-head-name-btn:hover{opacity:.75}.expense-amount{color:#c2410c}.income-amount{color:#047857}.account-head-empty-cell{padding:35px!important;text-align:center!important;color:#64748b!important}.account-head-loading{display:flex;align-items:center;justify-content:center;gap:9px}.account-head-spinner{display:inline-block;width:19px;height:19px;border:2px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:accountHeadSpin .7s linear infinite}@keyframes accountHeadSpin{to{transform:rotate(360deg)}}.account-head-help-text{margin-top:10px;color:#64748b;font-size:11px}.account-ledger-page{max-width:1250px;margin:0 auto}.account-ledger-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.account-ledger-toolbar-right{display:flex;gap:9px}.account-ledger-btn{height:38px;padding:0 15px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.account-ledger-btn.secondary{background:#fff;color:#334155;border:1px solid #cbd5e1}.account-ledger-btn.secondary:hover{background:#f8fafc}.account-ledger-btn.primary{border:1px solid #334155;background:#334155;color:#fff}.account-ledger-btn.primary:hover{background:#1e293b}.account-ledger-loading{min-height:300px;display:flex;align-items:center;justify-content:center;gap:10px;color:#64748b}.account-ledger-sheet{width:100%;padding:28px;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:5px;box-shadow:0 10px 28px #0f172a12}.account-ledger-sheet-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:23px}.account-ledger-sheet-header h1{margin:0;color:#334155;font-size:31px;line-height:1.02;font-weight:900;letter-spacing:3px}.account-ledger-brand{display:flex;align-items:center;gap:10px}.account-ledger-brand-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#334155;color:#fff;font-size:12px;font-weight:800}.account-ledger-brand strong{display:block;color:#334155;font-size:17px}.account-ledger-brand span{display:block;margin-top:2px;color:#94a3b8;font-size:9px}.account-ledger-info{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:17px}.account-ledger-info>div:last-child{justify-self:end}.account-ledger-info-row{display:grid;grid-template-columns:100px 1fr;gap:8px;margin-bottom:4px;font-size:10px}.account-ledger-info-row span{color:#64748b}.account-ledger-info-row strong{color:#334155;font-weight:700}.account-ledger-table-wrap{border-radius:0}.account-ledger-table{min-width:850px}.account-ledger-table th{padding:8px 10px;font-size:10px;background:#d1d5db}.account-ledger-table td{padding:9px 10px;font-size:10px}.account-ledger-entry-type{color:#334155;font-weight:850}.account-ledger-subtext{margin-top:3px;color:#64748b;font-size:9px}.account-ledger-note{margin-top:3px;color:#94a3b8;font-size:9px}.negative-balance{color:#dc2626!important;font-weight:800}.positive-balance{color:#0f172a!important;font-weight:800}.account-ledger-total-row{background:#f1f5f9;font-weight:800}.account-ledger-total-row td{border-top:1px solid #cbd5e1}.account-ledger-summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border:1px solid #cbd5e1}.account-ledger-summary>div{padding:11px 12px;border-right:1px solid #cbd5e1}.account-ledger-summary>div:last-child{border-right:none}.account-ledger-summary span{display:block;margin-bottom:3px;color:#64748b;font-size:9px}.account-ledger-summary strong{color:#334155;font-size:13px}.account-ledger-footer{display:flex;justify-content:space-between;margin-top:20px;color:#94a3b8;font-size:8px}@media(max-width:900px){.account-head-summary-grid,.account-ledger-info{grid-template-columns:1fr}.account-ledger-info>div:last-child{justify-self:start}.account-ledger-summary{grid-template-columns:1fr}.account-ledger-summary>div{border-right:none;border-bottom:1px solid #cbd5e1}.account-ledger-summary>div:last-child{border-bottom:none}}@media(max-width:768px){.account-head-page,.account-ledger-page{padding:10px}.account-head-card{padding:15px;border-radius:12px}.account-head-header{align-items:flex-start;flex-direction:column}.account-head-refresh-btn{width:100%}.account-ledger-toolbar{flex-direction:column;align-items:stretch}.account-ledger-toolbar-right{width:100%}.account-ledger-toolbar-right button{flex:1}.account-ledger-sheet{padding:15px}.account-ledger-sheet-header{flex-direction:column}.account-ledger-sheet-header h1{font-size:25px}}@media print{body{background:#fff!important}.sidebar,.topbar,.no-print{display:none!important}.account-ledger-page{padding:0!important;margin:0!important;max-width:none!important}.account-ledger-sheet{border:none!important;box-shadow:none!important;padding:0!important}.account-ledger-table-wrap{overflow:visible!important}.account-ledger-table{min-width:0!important}}.staff-report-page{width:100%;max-width:900px;margin:0 auto}.staff-report-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:14px 16px;background:linear-gradient(135deg,#fff,#f5f9ff);border:1px solid #dfe7f2;border-radius:12px;box-shadow:0 4px 14px #1018280d}.staff-report-header-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:15px;font-weight:800;box-shadow:0 5px 12px #2563eb33}.staff-report-header>div:last-child>span{display:block;margin-bottom:2px;color:#2563eb;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.staff-report-header h2{margin:0;color:#101828;font-size:17px;font-weight:750}.staff-report-header p{margin:3px 0 0;color:#667085;font-size:9px;line-height:1.5}.staff-report-form-card{padding:16px;background:#fff;border:1px solid #e4eaf2;border-radius:12px;box-shadow:0 4px 14px #1018280b}.staff-report-success,.staff-report-error{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:9px 11px;border-radius:8px}.staff-report-success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.staff-report-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.staff-report-success>span,.staff-report-error>span{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:800}.staff-report-success>span{background:#d1fadf}.staff-report-error>span{background:#fee4e2}.staff-report-success p,.staff-report-error p{margin:0;font-size:9px;font-weight:650}.staff-report-field label{display:block;margin-bottom:6px;color:#344054;font-size:10px;font-weight:700}.staff-report-field label span{margin-left:2px;color:#d92d20}.staff-report-field textarea{width:100%;min-height:170px;box-sizing:border-box;padding:12px;resize:vertical;outline:none;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#101828;font-family:inherit;font-size:11px;line-height:1.6;transition:border-color .18s ease,box-shadow .18s ease}.staff-report-field textarea::placeholder{color:#98a2b3}.staff-report-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.staff-report-field textarea:disabled{background:#f9fafb;cursor:not-allowed}.staff-report-field-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px}.staff-report-field-footer span{color:#98a2b3;font-size:8px}.staff-report-field-footer strong{color:#667085;font-size:8px;font-weight:700}.staff-report-submit-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:13px}.staff-report-clear-btn,.staff-report-submit-btn{min-width:105px;height:36px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer}.staff-report-clear-btn{border:1px solid #d0d5dd;background:#fff;color:#475467}.staff-report-submit-btn{border:1px solid #2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 10px #2563eb2e}.staff-report-clear-btn:disabled,.staff-report-submit-btn:disabled{opacity:.55;cursor:not-allowed}.staff-my-reports-card{margin-top:12px;overflow:hidden;background:#fff;border:1px solid #e4eaf2;border-radius:12px;box-shadow:0 4px 14px #1018280b}.staff-my-reports-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #edf1f5}.staff-my-reports-head span{display:block;margin-bottom:2px;color:#667085;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}.staff-my-reports-head h3{margin:0;color:#101828;font-size:13px;font-weight:750}.staff-report-count{min-width:34px;height:30px;padding:0 8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800}.staff-report-list{display:flex;flex-direction:column}.staff-report-item{padding:12px 15px;border-bottom:1px solid #edf1f5}.staff-report-item:last-child{border-bottom:none}.staff-report-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.staff-report-number{padding:3px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:8px;font-weight:700}.staff-report-item time{color:#98a2b3;font-size:8px}.staff-report-item p{margin:0;color:#344054;font-size:10px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.staff-report-loading{min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#667085;font-size:9px}.staff-report-spinner{width:25px;height:25px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:staffReportSpin .75s linear infinite}@keyframes staffReportSpin{to{transform:rotate(360deg)}}.staff-report-empty{min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.staff-report-empty>div{width:38px;height:38px;display:flex;align-items:center;justify-content:center;margin-bottom:7px;border-radius:10px;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:800}.staff-report-empty h4{margin:0;color:#344054;font-size:11px}.staff-report-empty p{margin:4px 0 0;color:#98a2b3;font-size:8px}@media(max-width:640px){.staff-report-header{align-items:flex-start}.staff-report-submit-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-report-clear-btn,.staff-report-submit-btn{width:100%;min-width:0}}@media(max-width:420px){.staff-report-form-card{padding:13px}.staff-report-submit-row{grid-template-columns:1fr}}.manual-report-page{display:flex;flex-direction:column;gap:20px}.manual-report-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:20px}.manual-report-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:16px}.manual-report-head span{color:#667085;font-size:11px;font-weight:800}.manual-report-head h2{margin:5px 0;color:#101828}.manual-report-head p{margin:0;color:#667085;line-height:1.5}.manual-report-status{height:fit-content;border-radius:20px;padding:5px 9px;font-size:10px!important;font-weight:800}.manual-report-status.draft{background:#fffaeb;color:#b54708}.manual-report-status.submitted{background:#ecfdf3;color:#027a48}.manual-report-card>textarea{width:100%;resize:vertical;border:1px solid #d0d5dd;border-radius:12px;padding:14px;box-sizing:border-box;font:inherit;line-height:1.6}.manual-report-card>textarea:disabled{background:#f9fafb}.manual-report-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px}.manual-report-footer>span{color:#667085;font-size:12px}.manual-report-actions{display:flex;gap:8px}.manual-report-actions button{border-radius:8px;padding:9px 13px;cursor:pointer;font-weight:700}.manual-report-actions .draft{border:1px solid #d0d5dd;background:#fff;color:#344054}.manual-report-actions .submit{border:1px solid #101828;background:#101828;color:#fff}.manual-report-actions button:disabled{opacity:.5;cursor:not-allowed}.manual-report-alert{padding:11px;border-radius:9px;margin-bottom:12px}.manual-report-alert.error{background:#fff1f0;color:#b42318}.manual-report-alert.success{background:#ecfdf3;color:#027a48}.manual-report-submitted{margin-bottom:12px;padding:10px;background:#ecfdf3;color:#027a48;border-radius:9px}.manual-report-submitted strong{margin-left:6px}.manual-report-history{display:flex;flex-direction:column;gap:10px}.manual-report-history article{border:1px solid #eaecf0;border-radius:12px;padding:13px}.manual-report-history article>div{display:flex;justify-content:space-between;gap:10px}.manual-report-history pre{white-space:pre-wrap;margin:10px 0;color:#344054;font-family:inherit;line-height:1.5}.manual-report-history small{color:#667085}.manual-report-empty{padding:20px;text-align:center;color:#667085}@media(max-width:700px){.manual-report-head,.manual-report-footer{flex-direction:column;align-items:stretch}.manual-report-actions{flex-direction:column}}.add-user-container{width:100%;display:flex;justify-content:center;padding:4px 0 28px}.add-user-card{width:100%;max-width:720px;background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:24px 26px;box-shadow:0 8px 24px #0f172a0d,0 1px 2px #0f172a0a}.add-user-header{padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #edf1f5}.add-user-header h2{margin:0 0 5px;color:#163b68;font-size:20px;font-weight:750;letter-spacing:-.2px}.add-user-header p{margin:0;color:#718096;font-size:12.5px;line-height:1.5}.add-user-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#344054;font-size:12px;font-weight:700}.form-group input,.form-group select{width:100%;height:41px;padding:0 12px;border:1px solid #d6dee8;border-radius:8px;background:#fff;color:#1f2937;font-size:13px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.form-group input::placeholder{color:#a0aaba}.form-group input:hover,.form-group select:hover{border-color:#b9c7d8}.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.form-group small{margin-top:-1px;color:#8491a3;font-size:10.5px;line-height:1.4}.form-group:nth-child(3){grid-column:1 / -1}.create-user-btn{grid-column:1 / -1;width:fit-content;min-width:150px;height:41px;margin-top:3px;padding:0 20px;border:none;border-radius:8px;background:#1f5fae;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.1px;cursor:pointer;transition:background .18s ease,transform .12s ease,box-shadow .18s ease}.create-user-btn:hover{background:#184f93;box-shadow:0 5px 14px #1f5fae33}.create-user-btn:active{transform:translateY(1px)}.create-user-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.form-error{margin-bottom:16px;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fff5f5;color:#b42318;font-size:12px;font-weight:600}.form-success{margin-bottom:16px;padding:10px 12px;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;color:#166534;font-size:12px;font-weight:600}.created-user-box{margin-top:20px;padding:16px 18px;border:1px solid #d7e5d9;border-radius:10px;background:#f8fcf8}.created-user-box h3{margin:0 0 12px;color:#17603a;font-size:15px;font-weight:750}.created-user-box p{display:grid;grid-template-columns:100px 1fr;gap:6px;margin:7px 0;color:#475467;font-size:12px}.created-user-box strong{color:#24364b;font-weight:700}.form-group select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 16px) 17px,calc(100% - 11px) 17px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:34px}@media(max-width:700px){.add-user-card{padding:20px 18px;border-radius:12px}.add-user-form{grid-template-columns:1fr;gap:14px}.form-group:nth-child(3),.create-user-btn{grid-column:auto}.create-user-btn{width:100%}.created-user-box p{grid-template-columns:85px 1fr}}.view-user-page{width:100%}.view-user-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.view-user-toolbar h2{margin:0 0 3px;color:#173f73;font-size:19px;font-weight:750}.view-user-toolbar p{margin:0;color:#7b8798;font-size:12px}.refresh-users-btn{min-width:92px;height:36px;padding:0 15px;border:1px solid #d3dfec;border-radius:7px;background:#fff;color:#315b8d;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s ease}.refresh-users-btn:hover{border-color:#9eb9d8;background:#f6faff}.refresh-users-btn:disabled{opacity:.6;cursor:default}.user-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}.summary-box{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 3px 12px #0f172a08}.summary-box span{color:#69778a;font-size:11.5px;font-weight:600}.summary-box strong{color:#173f73;font-size:21px;font-weight:800}.user-filter-bar{margin-bottom:14px;padding:11px;display:grid;grid-template-columns:minmax(200px,1fr) 160px;gap:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.user-filter-bar input,.user-filter-bar select{width:100%;height:38px;padding:0 11px;border:1px solid #d6dee8;border-radius:7px;background:#fff;color:#334155;font-size:12px;outline:none}.user-filter-bar input:focus,.user-filter-bar select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.user-filter-bar input::placeholder{color:#9aa6b6}.view-user-table-wrapper{width:100%;overflow-x:auto;border:1px solid #e1e7ef;border-radius:10px;background:#fff;box-shadow:0 5px 18px #0f172a09}.view-user-table{width:100%;border-collapse:collapse;min-width:780px}.view-user-table thead{background:#f8fafc}.view-user-table th{padding:11px 13px;border-bottom:1px solid #e5eaf0;color:#667085;font-size:10.5px;font-weight:750;text-align:left;text-transform:uppercase;letter-spacing:.03em}.view-user-table td{padding:11px 13px;border-bottom:1px solid #edf1f5;color:#465467;font-size:12px;vertical-align:middle}.view-user-table tbody tr:last-child td{border-bottom:none}.view-user-table tbody tr{transition:background .15s ease}.view-user-table tbody tr:hover{background:#fafcff}.user-name-cell{display:flex;align-items:center;gap:9px}.user-avatar{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:50%;background:#eaf2fc;color:#245d9f;font-size:12px;font-weight:800}.user-name-cell>div:last-child{display:grid;gap:2px}.user-name-cell strong{color:#24364b;font-size:12px;font-weight:700}.user-name-cell small{color:#8995a5;font-size:9.5px}.email-cell{color:#315f91}.role-badge,.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:4px 8px;border-radius:20px;font-size:9.5px;font-weight:750}.staff-role{background:#eef2ff;color:#4338ca}.user-role{background:#eff6ff;color:#2563eb}.active-status{background:#ecfdf3;color:#168044}.inactive-status{background:#fff1f2;color:#c2414c}.table-footer{padding:10px 3px 0;color:#7b8798;font-size:10.5px}.table-footer strong{color:#44536a}.view-user-loading{padding:40px;text-align:center;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#718096;font-size:12px}.view-user-error{margin-bottom:12px;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fff5f5;color:#b42318;font-size:11.5px}.no-user-data{padding:35px!important;color:#8491a3!important;text-align:center!important}@media(max-width:700px){.user-summary-grid,.user-filter-bar{grid-template-columns:1fr}.view-user-toolbar{align-items:flex-start;flex-direction:column}.refresh-users-btn{width:100%}}.user-action-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.user-action-btn{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border-radius:7px;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.user-action-btn:hover{transform:translateY(-2px)}.user-action-btn:active{transform:translateY(0)}.user-profile-avatar-btn{border:0;padding:0;cursor:pointer;font-family:inherit;transition:transform .2s ease,box-shadow .2s ease}.user-profile-avatar-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 5px 12px #2563eb38}.user-profile-avatar-btn:active{transform:scale(.97)}.user-profile-avatar-btn:focus{outline:none;box-shadow:0 0 0 3px #2563eb26}.view-btn{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}.view-btn:hover{background:#dbeafe;border-color:#93c5fd;box-shadow:0 4px 10px #2563eb24}.edit-btn{border:1px solid #fde68a;background:#fffbeb;color:#a16207}.edit-btn:hover{background:#fef3c7;border-color:#fcd34d;box-shadow:0 4px 10px #ca8a0421}.delete-btn{border:1px solid #fecaca;background:#fff1f2;color:#b42318}.delete-btn:hover{background:#ffe4e6;border-color:#fda4af;box-shadow:0 4px 10px #dc26261f}.view-user-top-actions{display:flex;align-items:center;gap:8px}.add-user-top-btn{min-width:108px;height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;border:1px solid #2563eb;border-radius:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:11.5px;font-weight:750;cursor:pointer;box-shadow:0 4px 10px #2563eb2e;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.add-user-top-btn span{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff29;font-size:14px;line-height:1}.add-user-top-btn:hover{transform:translateY(-2px);box-shadow:0 7px 16px #2563eb3d;filter:brightness(1.03)}.add-user-top-btn:active{transform:translateY(0)}@media(max-width:700px){.view-user-top-actions{width:100%}.add-user-top-btn,.view-user-top-actions .refresh-users-btn{flex:1;width:auto}}.user-detail-page{width:100%;display:flex;justify-content:center}.detail-card{width:100%;max-width:760px;padding:24px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 8px 25px #0f172a0d}.detail-card-header{display:flex;align-items:center;gap:13px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #edf1f5}.detail-avatar{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:50%;background:#eaf2fc;color:#205b9c;font-size:18px;font-weight:800}.detail-card-header h2{margin:0 0 3px;color:#203952;font-size:19px}.detail-card-header p{margin:0;color:#78869a;font-size:12px}.detail-role{margin-left:auto;padding:5px 10px;border-radius:20px;font-size:10px;font-weight:800}.detail-role.staff{background:#eef2ff;color:#4338ca}.detail-role.user{background:#eff6ff;color:#2563eb}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-item{padding:13px 14px;border:1px solid #edf1f5;border-radius:9px;background:#fafcff}.detail-item span{display:block;margin-bottom:5px;color:#8592a3;font-size:10.5px;font-weight:600}.detail-item strong{color:#31445b;font-size:12px;word-break:break-word}.detail-active{color:#168044!important}.detail-inactive{color:#b42318!important}.detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.back-detail-btn,.edit-detail-btn{height:37px;padding:0 16px;border-radius:7px;font-size:11.5px;font-weight:700;cursor:pointer}.back-detail-btn{border:1px solid #d5dee9;background:#fff;color:#516274}.edit-detail-btn{border:0;background:#215fa7;color:#fff}.edit-detail-btn:hover{background:#194f8e}.details-loading,.details-error{padding:30px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;text-align:center}.details-error{color:#b42318}@media(max-width:650px){.detail-grid{grid-template-columns:1fr}.detail-card-header{align-items:flex-start}.detail-role{margin-left:0}}.edit-user-page{width:100%;display:flex;justify-content:center}.edit-user-card{width:100%;max-width:720px;padding:24px 26px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 8px 24px #0f172a0d}.edit-user-header{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #edf1f5}.edit-user-header h2{margin:0 0 4px;color:#173f73;font-size:19px}.edit-user-header p{margin:0;color:#7c8999;font-size:12px}.edit-user-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.edit-field{display:flex;flex-direction:column;gap:6px}.edit-field label{color:#344054;font-size:11.5px;font-weight:700}.edit-field input,.edit-field select{width:100%;height:40px;padding:0 12px;border:1px solid #d6dee8;border-radius:8px;background:#fff;color:#26384d;font-size:12px;outline:none}.edit-field input:focus,.edit-field select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.edit-field small{color:#8995a5;font-size:10px}.edit-email{grid-column:1 / -1}.status-field{justify-content:flex-end}.active-checkbox{height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #d6dee8;border-radius:8px;cursor:pointer}.active-checkbox input{width:15px;height:15px}.edit-form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.edit-cancel-btn,.save-user-btn{height:39px;padding:0 17px;border-radius:7px;font-size:11.5px;font-weight:700;cursor:pointer}.edit-cancel-btn{border:1px solid #d5dee9;background:#fff;color:#536579}.save-user-btn{border:none;background:#205fa8;color:#fff}.save-user-btn:hover{background:#194f8e}.save-user-btn:disabled{opacity:.6;cursor:default}.edit-user-error,.edit-user-success{margin-bottom:15px;padding:10px 12px;border-radius:8px;font-size:11.5px}.edit-user-error{border:1px solid #fecaca;background:#fff5f5;color:#b42318}.edit-user-success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.edit-user-loading{padding:35px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;text-align:center}@media(max-width:650px){.edit-user-form{grid-template-columns:1fr}.edit-email,.edit-form-actions{grid-column:auto}}.telecaller-page-wrapper{width:100%;min-height:calc(100vh - 120px);display:flex;justify-content:center;align-items:flex-start;padding:8px 24px 30px;box-sizing:border-box}.telecaller-card{width:100%;max-width:520px;background:#fff;border:1px solid #e7eaf0;border-radius:12px;padding:20px;box-sizing:border-box;box-shadow:0 1px 2px #10182808,0 4px 14px #1018280d}.telecaller-card-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #eef0f3}.telecaller-icon-box{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:18px;font-weight:800;box-shadow:0 4px 10px #2563eb38}.telecaller-heading{min-width:0}.telecaller-heading h2{margin:0;font-size:18px;line-height:1.3;font-weight:700;color:#101828}.telecaller-heading p{margin:3px 0 0;font-size:12.5px;line-height:1.4;color:#667085}.telecaller-alert{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:16px;border-radius:8px;font-size:13px;font-weight:500;line-height:1.45}.telecaller-alert-icon{width:20px;height:20px;min-width:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:800}.telecaller-alert-success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.telecaller-alert-success .telecaller-alert-icon{background:#d1fadf;color:#067647}.telecaller-alert-error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.telecaller-alert-error .telecaller-alert-icon{background:#fee4e2;color:#b42318}.telecaller-form{width:100%}.telecaller-field{width:100%;margin-bottom:18px}.telecaller-field label{display:block;margin-bottom:7px;font-size:13px;font-weight:600;color:#344054}.required-star{margin-left:3px;color:#d92d20}.telecaller-input-wrapper{position:relative;width:100%}.telecaller-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:800;pointer-events:none}.telecaller-input-wrapper input{width:100%;height:43px;padding:0 13px 0 46px;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#101828;font-size:13.5px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.telecaller-input-wrapper input::placeholder{color:#98a2b3}.telecaller-input-wrapper input:hover{border-color:#98a2b3}.telecaller-input-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.telecaller-input-wrapper input:disabled{background:#f9fafb;color:#98a2b3;cursor:not-allowed}.telecaller-form-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid #eef0f3}.telecaller-helper-text{font-size:11.5px;color:#98a2b3}.telecaller-save-button{min-width:145px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:0;border-radius:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:13px;font-weight:650;cursor:pointer;box-shadow:0 3px 8px #2563eb33;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.telecaller-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #2563eb40}.telecaller-save-button:active:not(:disabled){transform:translateY(0)}.telecaller-save-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.telecaller-save-icon{font-size:17px;line-height:1;font-weight:400}.telecaller-loader{width:13px;height:13px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:telecaller-spin .7s linear infinite}@keyframes telecaller-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.telecaller-page-wrapper{padding-top:4px}.telecaller-card{max-width:100%;padding:18px}}@media(max-width:480px){.telecaller-card{padding:15px;border-radius:10px}.telecaller-card-header{margin-bottom:16px;padding-bottom:14px}.telecaller-icon-box{width:38px;height:38px;min-width:38px;font-size:16px}.telecaller-heading h2{font-size:16px}.telecaller-heading p{font-size:11.5px}.telecaller-form-footer{flex-direction:column;align-items:stretch;gap:10px}.telecaller-helper-text{text-align:left}.telecaller-save-button{width:100%}}.history-page{width:100%;min-height:calc(100vh - 120px);display:flex;justify-content:center;align-items:flex-start;padding:8px 24px 35px;box-sizing:border-box}.history-card{width:100%;max-width:720px;margin:0 auto;padding:24px;box-sizing:border-box;background:#fff;border:1px solid #e4e7ec;border-radius:16px;box-shadow:0 2px 5px #1018280a,0 12px 32px #10182812;position:relative}.history-header{display:flex;align-items:center;gap:13px;margin-bottom:20px;padding-bottom:17px;border-bottom:1px solid #eaecf0}.history-header-icon{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#fff;font-size:18px;font-weight:800}.history-header-icon.call{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 5px 14px #2563eb38}.history-header-icon.whatsapp{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 5px 14px #16a34a38}.history-header h2{margin:0;color:#101828;font-size:19px;line-height:1.3;font-weight:750}.history-header p{margin:3px 0 0;color:#667085;font-size:12.5px}.history-field{position:relative;margin-bottom:18px}.history-field label{display:block;margin-bottom:7px;color:#344054;font-size:13px;font-weight:600}.history-field .required{margin-left:3px;color:#d92d20}.history-field input,.history-field select,.history-field textarea{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#101828;outline:none;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.history-field input,.history-field select{height:44px;padding:0 12px;font-size:13.5px}.history-field textarea{min-height:100px;resize:vertical;padding:11px 12px;font-size:13.5px;line-height:1.5}.history-field input:focus,.history-field select:focus,.history-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.history-field input:disabled{background:#f9fafb;color:#667085;cursor:not-allowed}.customer-search-wrap,.customer-search-input{position:relative}.customer-search-input input{padding-left:41px}.search-icon{position:absolute;z-index:2;top:50%;left:14px;transform:translateY(-50%);color:#667085;font-size:18px}.search-info{margin-top:5px;color:#667085;font-size:11px}.customer-search-results{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:50;max-height:260px;overflow-y:auto;background:#fff;border:1px solid #d0d5dd;border-radius:10px;box-shadow:0 12px 30px #10182824}.customer-search-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;border-bottom:1px solid #f2f4f7;background:#fff;text-align:left;cursor:pointer}.customer-search-item:last-child{border-bottom:none}.customer-search-item:hover{background:#f8fafc}.customer-avatar{width:35px;height:35px;min-width:35px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:700}.customer-result-info{flex:1;display:flex;flex-direction:column;min-width:0;gap:2px}.customer-result-info strong{overflow:hidden;color:#101828;font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}.customer-result-info span{color:#667085;font-size:11px}.customer-select-text{color:#2563eb;font-size:11px;font-weight:600}.selected-customer-card{display:flex;align-items:center;gap:10px;margin-top:-5px;margin-bottom:18px;padding:11px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px}.selected-customer-icon{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dcfce7;color:#15803d;font-size:13px;font-weight:800}.selected-customer-details{flex:1;min-width:0;display:flex;flex-direction:column}.selected-customer-details small{color:#667085;font-size:10px}.selected-customer-details strong{overflow:hidden;color:#166534;font-size:12.5px;white-space:nowrap;text-overflow:ellipsis}.selected-customer-details span{color:#667085;font-size:11px}.change-customer-btn{padding:6px 10px;border:1px solid #86efac;border-radius:6px;background:#fff;color:#15803d;font-size:11px;font-weight:600;cursor:pointer}.change-customer-btn:hover{background:#dcfce7}.history-status-list{display:flex;flex-wrap:wrap;gap:8px}.history-status-btn{min-width:95px;padding:8px 14px;border:1px solid #d0d5dd;border-radius:20px;background:#fff;color:#475467;font-size:12px;font-weight:600;cursor:pointer;transition:.2s ease}.history-status-btn:hover{transform:translateY(-1px)}.history-status-btn.busy:hover,.history-status-btn.busy.active{border-color:#f59e0b;background:#fffbeb;color:#b45309}.history-status-btn.response:hover,.history-status-btn.response.active{border-color:#ef4444;background:#fef2f2;color:#b91c1c}.history-status-btn.switch:hover,.history-status-btn.switch.active{border-color:#64748b;background:#f8fafc;color:#334155}.note-count{margin-top:4px;text-align:right;color:#98a2b3;font-size:10px}.history-alert{display:flex;align-items:center;gap:8px;margin-bottom:17px;padding:10px 12px;border-radius:8px;font-size:12.5px;font-weight:500}.history-alert span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800}.history-alert.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.history-alert.success span{background:#d1fadf}.history-alert.error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.history-alert.error span{background:#fee4e2}.history-footer{display:flex;justify-content:flex-end;gap:9px;padding-top:16px;border-top:1px solid #eaecf0}.history-clear-button,.history-save-button{height:40px;padding:0 18px;border-radius:8px;font-size:12.5px;font-weight:650;cursor:pointer}.history-clear-button{border:1px solid #d0d5dd;background:#fff;color:#344054}.history-clear-button:hover{background:#f9fafb}.history-save-button{min-width:155px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 10px #2563eb33}.history-save-button:hover:not(:disabled){transform:translateY(-1px)}.history-save-button.whatsapp-save{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 4px 10px #16a34a33}.history-save-button:disabled,.history-clear-button:disabled{opacity:.55;cursor:not-allowed}.customer-main-select{width:100%;height:46px;padding:0 42px 0 13px;border:1px solid #d0d5dd;border-radius:9px;background-color:#fff;color:#101828;font-size:13.5px;font-weight:500;cursor:pointer;outline:none;appearance:auto;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.customer-main-select:hover:not(:disabled){border-color:#98a2b3}.customer-main-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.customer-main-select:disabled{background-color:#f9fafb;color:#98a2b3;cursor:not-allowed}.customer-select-help{margin-top:5px;color:#98a2b3;font-size:10.5px;line-height:1.4}.history-field:has(.customer-main-select){padding:12px;background:#f8fafc;border:1px solid #eef2f6;border-radius:10px}.history-field:has(.customer-main-select) label{margin-bottom:8px}@media(max-width:600px){.customer-main-select{height:44px;font-size:12.5px}}@media(max-width:600px){.history-card{padding:16px;border-radius:10px}.history-header-icon{width:40px;height:40px;min-width:40px}.history-header h2{font-size:17px}.history-status-list{gap:6px}.history-status-btn{flex:1;min-width:100px;padding:7px 9px}.selected-customer-card{align-items:flex-start}.history-footer{flex-direction:column-reverse}.history-clear-button,.history-save-button{width:100%}}.telecaller-lock-field{padding:12px;background:#f8fafc;border:1px solid #e4e7ec;border-radius:10px}.telecaller-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.telecaller-label-row label{margin-bottom:0!important}.telecaller-lock-actions{display:flex;align-items:center;gap:7px}.telecaller-edit-btn,.telecaller-lock-save-btn{height:30px;padding:0 13px;border-radius:7px;font-size:10.5px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.telecaller-edit-btn{border:1px solid #f4c767;background:#fffaf0;color:#a16207}.telecaller-edit-btn:hover:not(:disabled){transform:translateY(-1px);background:#fef3c7;box-shadow:0 4px 9px #ca8a0421}.telecaller-lock-save-btn{border:1px solid #16a34a;background:linear-gradient(135deg,#22c55e,#15803d);color:#fff;box-shadow:0 3px 8px #16a34a2e}.telecaller-lock-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #16a34a40}.telecaller-edit-btn:disabled,.telecaller-lock-save-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.telecaller-select-locked{background:#f0fdf4!important;border-color:#86efac!important;color:#166534!important;font-weight:650;cursor:not-allowed!important}.telecaller-lock-message{display:flex;align-items:center;gap:6px;margin-top:7px;padding:7px 9px;border:1px solid #bbf7d0;border-radius:7px;background:#f0fdf4;color:#166534;font-size:10.5px;font-weight:600}.telecaller-lock-message span{width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#dcfce7;color:#15803d;font-size:9px;font-weight:800}@media(max-width:520px){.telecaller-label-row{align-items:flex-start}.telecaller-edit-btn,.telecaller-lock-save-btn{height:28px;padding:0 10px;font-size:9.5px}}.view-history-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.view-history-add-btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:8px;color:#fff;font-size:11px;font-weight:750;white-space:nowrap;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.view-history-add-btn.call{border:1px solid #2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 11px #2563eb33}.view-history-add-btn.whatsapp{border:1px solid #16a34a;background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 4px 11px #16a34a33}.view-history-add-btn:hover{transform:translateY(-2px);filter:brightness(1.03)}.view-history-add-btn.call:hover{box-shadow:0 7px 16px #2563eb40}.view-history-add-btn.whatsapp:hover{box-shadow:0 7px 16px #16a34a3d}.view-history-add-btn:active{transform:translateY(0)}.view-history-add-icon{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff29;font-size:14px;line-height:1}@media(max-width:700px){.view-history-top-card{align-items:flex-start;flex-direction:column}.view-history-top-actions{width:100%;justify-content:space-between}.view-history-add-btn{flex:1}}.optional-label{margin-left:8px;font-size:11px;font-weight:600;opacity:.65}.history-field input[type=datetime-local]{width:100%}.view-history-page{width:100%;box-sizing:border-box;padding:4px 0 32px}.view-history-top-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:20px 22px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 2px 8px #1018280a,0 8px 24px #10182808}.view-history-title-area{display:flex;align-items:center;gap:13px}.view-history-icon{width:46px;height:46px;min-width:46px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:#fff;font-size:18px;font-weight:800}.view-history-icon.call{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #2563eb38}.view-history-icon.whatsapp{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 6px 16px #16a34a38}.view-history-title-area h2{margin:0;color:#101828;font-size:19px;font-weight:800}.view-history-title-area p{margin:3px 0 0;color:#667085;font-size:12px}.view-history-top-actions{display:flex;align-items:center;gap:10px}.view-history-add-btn{min-height:40px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;color:#fff;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 5px 14px #2563eb38}.view-history-add-btn.call{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.view-history-add-btn.whatsapp{background:linear-gradient(135deg,#22c55e,#15803d)}.view-history-add-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff2e;font-size:13px;font-weight:900}.view-history-count{min-width:96px;padding:9px 14px;text-align:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px}.view-history-count.whatsapp{background:#f0fdf4;border-color:#dcfce7}.view-history-count span{display:block;color:#667085;font-size:10px}.view-history-count strong{display:block;margin-top:1px;color:#1d4ed8;font-size:19px;font-weight:800}.view-history-count.whatsapp strong{color:#15803d}.view-history-filter-card{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:13px;background:#fff;border:1px solid #e4e7ec;border-radius:11px;box-shadow:0 2px 7px #10182808}.view-search-box{position:relative;flex:1}.view-search-box span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#667085;font-size:17px}.view-search-box input{width:100%;height:42px;box-sizing:border-box;padding:0 13px 0 39px;border:1px solid #d0d5dd;border-radius:9px;outline:none;color:#101828;background:#fff;font-size:12.5px;transition:border-color .18s ease,box-shadow .18s ease}.view-history-filter-card select{width:170px;height:42px;padding:0 11px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;font-size:12px;outline:none}.view-search-box input:focus,.view-history-filter-card select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.history-refresh-btn{height:42px;padding:0 15px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;font-size:12px;font-weight:700;cursor:pointer}.history-refresh-btn:hover:not(:disabled){background:#f9fafb;border-color:#98a2b3}.history-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.view-history-error{margin-bottom:16px;padding:11px 13px;background:#fef3f2;border:1px solid #fecdca;border-radius:9px;color:#b42318;font-size:12px}.view-history-table-card{width:100%;overflow:hidden;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 4px 16px #1018280a}.history-table-responsive{width:100%;overflow-x:auto}.history-data-table{width:100%;min-width:1120px;border-collapse:collapse;background:#fff}.history-data-table thead{background:#f8fafc}.history-data-table th{padding:12px 13px;border-bottom:1px solid #e4e7ec;text-align:left;color:#475467;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.history-data-table td{padding:13px;border-bottom:1px solid #f2f4f7;color:#344054;font-size:12px;vertical-align:middle}.history-data-table tbody tr{transition:background .16s ease}.history-data-table tbody tr:hover{background:#fbfdff}.history-data-table tbody tr:last-child td{border-bottom:none}.history-row-id{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:800}.history-customer-cell{display:flex;align-items:center;gap:10px;min-width:185px}.history-customer-avatar{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;background:#eff6ff;border-radius:9px;color:#2563eb;font-size:12px;font-weight:800}.history-customer-avatar.whatsapp{background:#f0fdf4;color:#15803d}.history-customer-cell>div:last-child{display:flex;flex-direction:column;gap:2px}.history-customer-cell strong{color:#101828;font-size:12px;font-weight:700}.history-customer-cell span{color:#98a2b3;font-size:10px}.telecaller-name{display:inline-flex;align-items:center;padding:5px 9px;background:#f2f4f7;border-radius:7px;color:#344054;font-size:11px;font-weight:700}.view-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10.5px;font-weight:700;white-space:nowrap}.view-status.busy{background:#fffaeb;color:#b54708;border:1px solid #fedf89}.view-status.not-response{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.view-status.switch-off{background:#f2f4f7;color:#475467;border:1px solid #d0d5dd}.view-status:not(.busy):not(.not-response):not(.switch-off){background:#ecfdf3;color:#067647;border:1px solid #abefc6}.history-note{max-width:240px;overflow:hidden;color:#475467;text-overflow:ellipsis;white-space:nowrap}.history-date{color:#667085;font-size:11px;white-space:nowrap}.follow-up-date{display:inline-flex;align-items:center;padding:6px 9px;border:1px dashed #93c5fd;border-radius:7px;background:#eff6ff;color:#1d4ed8;font-size:10.5px;font-weight:800;white-space:nowrap}.history-state-box{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center}.history-state-box h3{margin:10px 0 3px;color:#101828;font-size:15px}.history-state-box p{margin:0;color:#667085;font-size:11px}.empty-history-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#eff6ff;color:#2563eb;font-size:19px}.empty-history-icon.whatsapp{background:#f0fdf4;color:#15803d}.history-loader{width:29px;height:29px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:historySpin .7s linear infinite}@keyframes historySpin{to{transform:rotate(360deg)}}@media(max-width:900px){.view-history-top-card{padding:16px}.view-history-top-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:768px){.view-history-top-card{align-items:flex-start;flex-direction:column}.view-history-top-actions{width:100%;justify-content:space-between}.view-history-filter-card{flex-direction:column;align-items:stretch}.view-history-filter-card select,.history-refresh-btn{width:100%}}@media(max-width:480px){.view-history-title-area{align-items:flex-start}.view-history-icon{width:39px;height:39px;min-width:39px}.view-history-title-area h2{font-size:16px}.view-history-title-area p{font-size:10.5px}.view-history-top-actions{align-items:stretch;flex-direction:column}.view-history-add-btn,.view-history-count{width:100%;box-sizing:border-box}}.customer-profile-page{width:100%;max-width:1240px;margin:0 auto;padding:4px 0 36px;box-sizing:border-box}.customer-profile-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.customer-profile-back,.customer-profile-refresh,.customer-profile-ledger{min-height:40px;padding:0 15px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#344054;font-size:12px;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.customer-profile-back:hover,.customer-profile-refresh:hover,.customer-profile-ledger:hover:not(:disabled){transform:translateY(-1px);border-color:#98a2b3;background:#f9fafb;box-shadow:0 5px 14px #10182814}.customer-profile-action-right{display:flex;align-items:center;gap:9px}.customer-profile-ledger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px;border-color:#bfd4ff;background:linear-gradient(135deg,#eff6ff,#fff);color:#1d4ed8}.customer-profile-ledger-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:#2563eb;color:#fff;font-size:11px;font-weight:800}.customer-profile-ledger:hover:not(:disabled){border-color:#93c5fd;background:linear-gradient(135deg,#dbeafe,#eff6ff)}.customer-profile-ledger:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.customer-profile-header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:22px;background:#fff;border:1px solid #e4e7ec;border-radius:16px;box-shadow:0 2px 8px #1018280a,0 10px 28px #1018280a}.customer-profile-main{display:flex;align-items:center;gap:15px;min-width:0}.customer-profile-avatar{width:64px;height:64px;min-width:64px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:24px;font-weight:800;box-shadow:0 8px 20px #2563eb38}.customer-profile-name{min-width:0}.customer-profile-name-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.customer-profile-name h2{margin:0;color:#101828;font-size:22px;font-weight:800}.customer-profile-name p{margin:5px 0 3px;color:#667085;font-size:12px}.customer-profile-name>span{color:#2563eb;font-size:10px;font-weight:800;letter-spacing:.04em}.customer-account-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:9.5px;font-weight:800}.customer-account-status.active{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.customer-account-status.inactive{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.customer-last-update{min-width:235px;padding:13px 16px;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e4e7ec;border-radius:12px;text-align:right}.customer-last-update small{display:block;margin-bottom:4px;color:#98a2b3;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.customer-last-update strong{display:block;color:#101828;font-size:12.5px;font-weight:800}.customer-last-update span{display:block;margin-top:4px;color:#667085;font-size:10.5px}.customer-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.customer-stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:1px solid #e4e7ec;border-radius:13px;box-shadow:0 3px 10px #1018280a}.customer-stat-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;font-weight:800}.customer-stat-card.total .customer-stat-icon{background:#f2f4f7;color:#344054}.customer-stat-card.call .customer-stat-icon{background:#eff6ff;color:#2563eb}.customer-stat-card.whatsapp .customer-stat-icon{background:#f0fdf4;color:#15803d}.customer-stat-card span{display:block;color:#667085;font-size:10.5px}.customer-stat-card strong{display:block;margin-top:2px;color:#101828;font-size:21px;font-weight:800}.customer-profile-card{margin-bottom:18px;padding:20px;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 3px 10px #1018280a}.customer-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid #eaecf0}.customer-section-heading h3{margin:0;color:#101828;font-size:16px;font-weight:800}.customer-section-heading p{margin:3px 0 0;color:#98a2b3;font-size:10.5px}.customer-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customer-detail-item{padding:12px 13px;background:#f8fafc;border:1px solid #eef2f6;border-radius:9px}.customer-detail-item span{display:block;margin-bottom:4px;color:#98a2b3;font-size:9.5px}.customer-detail-item strong{display:block;overflow:hidden;color:#344054;font-size:11.5px;font-weight:700;text-overflow:ellipsis}.customer-history-main-card{overflow:hidden;margin-bottom:22px;background:#fff;border:1px solid #dbe4f0;border-radius:16px;box-shadow:0 5px 20px #1018280d}.combined-history-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;background:linear-gradient(180deg,#fbfdff,#f8fafc);border-top:3px solid #3b82f6;border-bottom:1px solid #e4e7ec}.combined-history-title{display:flex;align-items:center;gap:11px}.combined-history-icons{display:flex;align-items:center}.combined-call-icon,.combined-whatsapp-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:11px;font-weight:800}.combined-call-icon{z-index:2;background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.combined-whatsapp-icon{margin-left:-7px;background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.combined-history-title h3{margin:0;color:#101828;font-size:15px;font-weight:800}.combined-history-title p{margin:2px 0 0;color:#667085;font-size:10px}.combined-history-count{min-width:29px;height:29px;display:flex;align-items:center;justify-content:center;padding:0 8px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:10px;font-weight:800}.combined-history-list{padding:14px 16px 18px}.combined-history-item{position:relative;display:flex;gap:12px;margin-bottom:10px;padding:13px;background:#fff;border:1px solid #eaecf0;border-radius:11px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.combined-history-item:last-child{margin-bottom:0}.combined-history-item:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 8px 22px #0f172a14}.combined-history-item.call-item:hover{border-color:#93c5fd}.combined-history-item.whatsapp-item:hover{border-color:#86efac}.history-timeline-side{position:relative;width:35px;min-width:35px;display:flex;flex-direction:column;align-items:center}.history-timeline-icon{position:relative;z-index:2;width:31px;height:31px;min-width:31px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:11px;font-weight:800}.history-timeline-icon.call{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.history-timeline-icon.whatsapp{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.history-timeline-line{position:absolute;top:34px;bottom:-24px;width:1px;background:#e4e7ec}.history-content-area{flex:1;min-width:0}.history-content-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.history-type-area{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.history-type-area>strong{color:#101828;font-size:12px;font-weight:800}.history-record-number{color:#667085;font-size:10px;font-weight:700}.latest-history-badge{padding:3px 7px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#2563eb;font-size:8.5px;font-weight:800;text-transform:uppercase}.history-item-date{color:#98a2b3;font-size:9.5px;white-space:nowrap}.history-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:9px}.history-meta-box{display:flex;align-items:center;gap:5px;padding:5px 8px;background:#f8fafc;border:1px solid #eef2f6;border-radius:7px}.history-meta-box>span{color:#98a2b3;font-size:8.5px}.history-meta-box>strong{color:#344054;font-size:9.5px;font-weight:700}.history-follow-up-box{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;padding:9px 11px;background:linear-gradient(135deg,#eff6ff,#f8fbff);border:1px dashed #93c5fd;border-radius:8px}.history-follow-up-box span{color:#667085;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.history-follow-up-box strong{color:#1d4ed8;font-size:10.5px;font-weight:800;white-space:nowrap}.history-meta-box.follow-up{border-style:dashed;border-color:#93c5fd;background:#eff6ff}.history-meta-box.follow-up strong{color:#1d4ed8;font-weight:800}.profile-history-status{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:8.5px!important;font-weight:800}.profile-history-status.busy{background:#fffaeb;border:1px solid #fedf89;color:#b54708}.profile-history-status.no-response{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.profile-history-status.switch-off{background:#f2f4f7;border:1px solid #d0d5dd;color:#475467}.combined-history-note{padding:9px 11px;background:#f8fafc;border-left:3px solid #3b82f6;border-radius:7px}.whatsapp-item .combined-history-note{border-left-color:#22c55e}.combined-history-note span{display:block;margin-bottom:3px;color:#98a2b3;font-size:8.5px;font-weight:700}.combined-history-note p{margin:0;color:#344054;font-size:10.5px;line-height:1.55;word-break:break-word}.combined-history-empty{padding:48px 20px;text-align:center}.combined-history-empty>div{width:50px;height:50px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e4e7ec;border-radius:13px;color:#667085;font-size:12px;font-weight:700}.combined-history-empty h4{margin:0 0 4px;color:#344054;font-size:13px}.combined-history-empty p{margin:0;color:#98a2b3;font-size:10px}.customer-profile-state{max-width:700px;margin:50px auto;padding:26px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;background:#fff;border:1px solid #e4e7ec;border-radius:14px;color:#667085}.customer-profile-state.error{color:#b42318;background:#fef3f2;border-color:#fecdca}.customer-profile-loader{width:20px;height:20px;border:2px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:customerProfileSpin .7s linear infinite}@keyframes customerProfileSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.customer-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.customer-profile-actions{align-items:stretch;flex-direction:column}.customer-profile-action-right{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.customer-profile-ledger{width:100%;min-width:0}.customer-profile-header{flex-direction:column;align-items:stretch;padding:17px}.customer-last-update{min-width:0;text-align:left}.customer-stat-grid,.customer-detail-grid{grid-template-columns:1fr}.customer-profile-avatar{width:54px;height:54px;min-width:54px;font-size:20px}.combined-history-header{padding:14px}.combined-history-list{padding:11px}.combined-history-item{padding:11px;gap:9px}.history-content-top{align-items:flex-start;flex-direction:column;gap:4px}.history-item-date{white-space:normal}.history-meta-row{flex-direction:column}.history-meta-box{width:fit-content}.history-follow-up-box{align-items:flex-start;flex-direction:column;gap:4px}.history-follow-up-box strong{white-space:normal}}@media(max-width:420px){.customer-profile-page{padding-bottom:22px}.customer-profile-main{align-items:flex-start}.customer-profile-name h2{font-size:18px}.combined-history-title h3{font-size:13px}.combined-history-icons{display:none}.history-timeline-side{width:29px;min-width:29px}.history-timeline-icon{width:27px;height:27px;min-width:27px}}.office-phone-page{width:100%;display:flex;justify-content:center}.office-phone-card{width:100%;max-width:750px;background:#fff;border-radius:14px;padding:28px;box-shadow:0 4px 20px #00000014}.office-phone-header{margin-bottom:25px;border-bottom:1px solid #e5e7eb;padding-bottom:18px}.office-phone-header h2{margin:0;font-size:24px;font-weight:700;color:#111827}.office-phone-header p{margin:7px 0 0;color:#667085;font-size:14px}.office-phone-form{display:flex;flex-direction:column;gap:20px}.office-form-group{display:flex;flex-direction:column;gap:8px}.office-form-group label{font-size:14px;font-weight:600;color:#344054}.office-form-group label span{color:#dc2626;margin-left:3px}.office-form-group input{width:100%;height:46px;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:8px;padding:0 14px;font-size:15px;color:#101828;outline:none;transition:border-color .2s,box-shadow .2s}.office-form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.office-form-group input::placeholder{color:#98a2b3}.office-form-group small{font-size:12px;color:#667085}.office-success{padding:12px 15px;margin-bottom:20px;border-radius:8px;background:#ecfdf3;border:1px solid #abefc6;color:#067647;font-size:14px;font-weight:500}.office-error{padding:12px 15px;margin-bottom:20px;border-radius:8px;background:#fef3f2;border:1px solid #fecdca;color:#b42318;font-size:14px;font-weight:500}.office-form-actions{margin-top:5px}.office-submit-btn{min-width:220px;height:46px;border:none;border-radius:8px;padding:0 22px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.office-submit-btn:hover{background:#1d4ed8}.office-submit-btn:active{transform:scale(.98)}.office-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.office-phone-card{padding:20px;border-radius:10px}.office-phone-header h2{font-size:20px}.office-submit-btn{width:100%}}.view-office-page{width:100%;max-width:1180px;margin:0 auto}.office-page-action{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:12px 14px;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #e4eaf2;border-radius:12px;box-shadow:0 4px 14px #1018280d}.office-page-action-text span{display:block;margin-bottom:2px;color:#101828;font-size:13px;font-weight:750}.office-page-action-text p{margin:0;color:#667085;font-size:10px}.office-add-btn{min-height:36px;padding:0 13px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 5px 12px #2563eb38;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.office-add-btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px #2563eb47}.office-add-btn:active{transform:translateY(0)}.office-add-btn-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff2b;font-size:16px;line-height:1}.view-office-top{background:#fff;border:1px solid #e7edf5;border-radius:12px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 4px 14px #1018280b;margin-bottom:12px}.view-office-title-wrap{display:flex;align-items:center;gap:10px}.view-office-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;color:#1d4ed8;font-size:16px;flex-shrink:0}.view-office-title-wrap h2{margin:0;color:#101828;font-size:16px;font-weight:750;line-height:1.25}.view-office-title-wrap p{margin:3px 0 0;color:#667085;font-size:10px}.view-office-total{min-width:104px;padding:7px 11px;border-radius:9px;background:#f8fafc;border:1px solid #e7edf5;display:flex;flex-direction:column;align-items:flex-end}.view-office-total span{color:#667085;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}.view-office-total strong{color:#101828;font-size:18px;line-height:1.15;margin-top:2px}.office-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.office-search-box{position:relative;width:100%;max-width:410px}.office-search-box input{width:100%;height:38px;box-sizing:border-box;border:1px solid #d9e1ec;border-radius:9px;background:#fff;color:#101828;font-size:12px;outline:none;padding:0 38px 0 36px;transition:border-color .2s ease,box-shadow .2s ease}.office-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.office-search-box input::placeholder{color:#98a2b3}.office-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#667085;font-size:16px;pointer-events:none}.office-clear-search{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;border-radius:6px;background:transparent;color:#667085;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.office-clear-search:hover{background:#f2f4f7;color:#101828}.office-refresh-btn{height:38px;border:1px solid #d9e1ec;border-radius:9px;background:#fff;color:#344054;padding:0 12px;font-size:11px;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:all .2s ease}.office-refresh-btn span{font-size:15px}.office-refresh-btn:hover{border-color:#2563eb;color:#2563eb;background:#f8fbff}.office-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.office-table-card{background:#fff;border:1px solid #e7edf5;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #1018280b}.office-table-wrapper{width:100%;overflow-x:auto}.office-number-table{width:100%;border-collapse:collapse;min-width:900px}.office-number-table thead{background:#f8fafc}.office-number-table th{padding:9px 12px;text-align:left;color:#667085;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.45px;border-bottom:1px solid #e7edf5}.office-number-table td{padding:9px 12px;color:#344054;font-size:11px;border-bottom:1px solid #eef2f6;vertical-align:middle}.office-number-table tbody tr{transition:background .15s ease}.office-number-table tbody tr:hover{background:#f8fbff}.office-number-table tbody tr:last-child td{border-bottom:none}.office-serial{width:24px;height:24px;border-radius:7px;background:#f2f4f7;color:#475467;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}.office-person{display:flex;align-items:center;gap:8px}.office-avatar{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;color:#1d4ed8;font-size:12px;font-weight:750;flex-shrink:0}.office-person strong{display:block;color:#101828;font-size:11px;font-weight:700;text-transform:capitalize;margin-bottom:1px}.office-person small{color:#98a2b3;font-size:8px}.office-mobile-link{display:inline-flex;align-items:center;gap:5px;color:#344054;font-size:11px;font-weight:650;text-decoration:none;padding:4px 7px;border-radius:7px;transition:all .15s ease}.office-mobile-link span{color:#2563eb}.office-mobile-link:hover{color:#1d4ed8;background:#eff6ff}.office-sim-badge{display:inline-flex;align-items:center;justify-content:center;min-width:50px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.3px}.sim-jio{background:#eef2ff;color:#4338ca}.sim-airtel{background:#fef2f2;color:#dc2626}.sim-vi{background:#fff7ed;color:#c2410c}.sim-bsnl{background:#ecfdf3;color:#047857}.sim-other{background:#f2f4f7;color:#475467}.office-date{color:#667085;font-size:9px;white-space:nowrap}.view-office-error{display:flex;align-items:center;gap:8px;padding:9px 11px;margin-bottom:10px;border:1px solid #fecdca;border-radius:9px;background:#fef3f2;color:#b42318}.view-office-error>span{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fee4e2;font-weight:800}.view-office-error p{margin:0;font-size:11px;font-weight:600}.office-loading,.office-empty{min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.office-loading{gap:9px;color:#667085;font-size:11px}.office-spinner{width:27px;height:27px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:officeSpin .75s linear infinite}@keyframes officeSpin{to{transform:rotate(360deg)}}.office-empty{padding:22px}.office-empty-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f2f4f7;color:#667085;font-size:18px;margin-bottom:9px}.office-empty h3{margin:0;color:#101828;font-size:13px}.office-empty p{margin:4px 0 0;color:#667085;font-size:10px}.office-result-info{margin-top:8px;display:flex;justify-content:flex-end;gap:4px;color:#667085;font-size:9px}.office-result-info strong{color:#344054}.office-mobile-list{display:none}@media(max-width:768px){.office-page-action{padding:11px 12px}.view-office-top{padding:12px;align-items:flex-start}.view-office-icon{width:36px;height:36px}.view-office-title-wrap h2{font-size:15px}.view-office-title-wrap p{font-size:9px}.view-office-total{min-width:auto;padding:6px 9px}.view-office-total strong{font-size:16px}.office-toolbar{align-items:stretch}.office-search-box{max-width:none}.office-table-wrapper{display:none}.office-mobile-list{display:block;padding:9px}.office-mobile-card{padding:10px;border:1px solid #e7edf5;border-radius:10px;margin-bottom:7px;background:#fff;box-shadow:0 2px 7px #1018280a}.office-mobile-card:last-child{margin-bottom:0}.office-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px}.office-mobile-number{display:flex;align-items:center;gap:6px;color:#1d4ed8;background:#eff6ff;text-decoration:none;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:700;margin-bottom:8px}.office-mobile-date{display:flex;justify-content:space-between;gap:8px;color:#98a2b3;font-size:8px}.office-mobile-date span{color:#667085}}@media(max-width:600px){.office-page-action{flex-direction:column;align-items:stretch}.office-add-btn{width:100%;box-sizing:border-box}}@media(max-width:520px){.office-toolbar{flex-direction:column}.office-refresh-btn{width:100%;justify-content:center}.view-office-top{flex-direction:column}.view-office-total{width:100%;box-sizing:border-box;align-items:flex-start}.office-result-info{justify-content:center;padding-bottom:4px}}.office-avatar-profile-link{text-decoration:none;cursor:pointer;position:relative;outline:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.office-avatar-profile-link:hover{transform:translateY(-2px) scale(1.05);background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 6px 14px #2563eb3d}.office-avatar-profile-link:focus-visible{box-shadow:0 0 0 3px #2563eb24}.office-avatar-profile-link:active{transform:scale(.98)}.view-office-success{display:flex;align-items:center;gap:8px;padding:9px 11px;margin-bottom:10px;border:1px solid #abefc6;border-radius:9px;background:#ecfdf3;color:#067647}.view-office-success>span{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#d1fadf;font-size:11px;font-weight:800}.view-office-success p{margin:0;font-size:10px;font-weight:650}.office-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.office-action-btn{min-height:29px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:7px;font-size:8px;font-weight:750;text-decoration:none;cursor:pointer;background:transparent;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.office-action-btn span{font-size:10px;line-height:1}.office-action-btn:hover{transform:translateY(-1px)}.office-action-btn.view{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.office-action-btn.view:hover{background:#dbeafe;box-shadow:0 3px 8px #2563eb1f}.office-action-btn.edit{color:#b54708;background:#fffaeb;border-color:#fedf89}.office-action-btn.edit:hover{background:#fef0c7;box-shadow:0 3px 8px #f790091f}.office-action-btn.delete{color:#b42318;background:#fef3f2;border-color:#fecdca}.office-action-btn.delete:hover{background:#fee4e2;box-shadow:0 3px 8px #d92d201f}.office-mobile-actions{display:flex;align-items:center;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid #eef2f6}.office-mobile-actions .office-action-btn{flex:1;min-height:32px}.office-delete-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172a7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.office-delete-modal{width:100%;max-width:390px;box-sizing:border-box;padding:20px;background:#fff;border:1px solid #e7edf5;border-radius:14px;box-shadow:0 20px 50px #10182833;text-align:center;animation:officeModalIn .18s ease}@keyframes officeModalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.office-delete-icon{width:43px;height:43px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fef3f2;color:#d92d20;font-size:18px;font-weight:800}.office-delete-modal h3{margin:0;color:#101828;font-size:15px;font-weight:750}.office-delete-modal>p{margin:6px 0 0;color:#667085;font-size:10px;line-height:1.55}.office-delete-modal>p strong{color:#344054}.office-delete-note{margin-top:12px;padding:8px 10px;border-radius:8px;background:#fffaeb;border:1px solid #fedf89;color:#93370d;font-size:8px;line-height:1.5;text-align:left}.office-delete-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.office-modal-cancel,.office-modal-delete{height:36px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.office-modal-cancel{border:1px solid #d0d5dd;background:#fff;color:#344054}.office-modal-delete{border:1px solid #d92d20;background:linear-gradient(135deg,#d92d20,#b42318);color:#fff;box-shadow:0 4px 10px #d92d202e}.office-modal-cancel:hover,.office-modal-delete:hover{transform:translateY(-1px)}.office-modal-cancel:disabled,.office-modal-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:520px){.office-delete-modal{padding:17px}.office-delete-modal-actions{grid-template-columns:1fr}}.add-recharge-page{width:100%;max-width:760px;margin:0 auto}.add-recharge-card{background:#fff;border:1px solid #e6ebf2;border-radius:14px;padding:22px;box-shadow:0 5px 20px #1018280f}.recharge-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #edf0f5}.recharge-header-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:19px;font-weight:800;box-shadow:0 7px 16px #2563eb38}.recharge-header h2{margin:0;color:#101828;font-size:19px;font-weight:750}.recharge-header p{margin:3px 0 0;color:#667085;font-size:12px}.recharge-form{display:flex;flex-direction:column;gap:16px}.recharge-field{display:flex;flex-direction:column;gap:7px}.recharge-field label{color:#344054;font-size:12px;font-weight:650}.recharge-field label span{color:#dc2626;margin-left:3px}.recharge-field select,.recharge-field input{width:100%;height:43px;box-sizing:border-box;border:1px solid #d6dde8;border-radius:9px;background:#fff;color:#101828;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.recharge-field select{padding:0 12px;cursor:pointer}.recharge-field select:focus,.recharge-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.amount-input-wrap{position:relative}.amount-input-wrap input{padding:0 13px 0 36px}.amount-symbol{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#344054;font-size:15px;font-weight:700;z-index:1}.selected-number-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #bfdbfe;border-radius:10px;background:#eff6ff}.selected-number-left{display:flex;align-items:center;gap:9px}.selected-number-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;color:#2563eb;border:1px solid #dbeafe}.selected-number-left span{display:block;color:#667085;font-size:9px}.selected-number-left strong{display:block;margin-top:2px;color:#1e3a8a;font-size:13px}.selected-number-details{text-align:right}.selected-number-details span{display:block;color:#344054;font-size:10px}.selected-number-details b{display:inline-block;margin-top:3px;padding:3px 7px;border-radius:20px;background:#fff;color:#1d4ed8;font-size:9px;text-transform:uppercase}.quick-amounts{display:flex;flex-wrap:wrap;gap:7px;margin-top:-5px}.quick-amounts button{border:1px solid #d6dde8;background:#f8fafc;color:#344054;border-radius:7px;padding:6px 12px;font-size:11px;font-weight:650;cursor:pointer;transition:all .2s}.quick-amounts button:hover{border-color:#2563eb;background:#eff6ff;color:#1d4ed8}.recharge-submit-btn{height:44px;border:none;border-radius:9px;padding:0 20px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 5px 13px #2563eb2e;transition:transform .15s,opacity .15s}.recharge-submit-btn:hover{transform:translateY(-1px)}.recharge-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.recharge-success{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:15px;border-radius:8px;border:1px solid #abefc6;background:#ecfdf3;color:#067647;font-size:11px;font-weight:600}.recharge-success span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#d1fadf}.recharge-error{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-bottom:15px;border-radius:8px;border:1px solid #fecdca;background:#fef3f2;color:#b42318;font-size:11px;font-weight:600}.recharge-error span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fee4e2}.no-office-number{color:#dc2626;font-size:10px}@media(max-width:600px){.add-recharge-card{padding:16px}.recharge-header-icon{width:38px;height:38px}.recharge-header h2{font-size:16px}.selected-number-card{align-items:flex-start}.selected-number-details{max-width:110px}.quick-amounts button{flex:1}}.view-recharge-page{width:100%;max-width:1180px;margin:0 auto}.recharge-page-action{width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:12px 14px;background:linear-gradient(135deg,#fff,#f6fffa);border:1px solid #e2ebe6;border-radius:12px;box-shadow:0 4px 14px #1018280d}.recharge-page-action-text span{display:block;margin-bottom:2px;color:#101828;font-size:13px;font-weight:750}.recharge-page-action-text p{margin:0;color:#667085;font-size:10px}.recharge-add-btn{min-height:36px;padding:0 14px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,#059669,#047857);color:#fff;text-decoration:none;font-size:11px;font-weight:700;white-space:nowrap;box-shadow:0 5px 12px #05966938;transition:transform .18s ease,box-shadow .18s ease}.recharge-add-btn:hover{transform:translateY(-1px);box-shadow:0 7px 16px #05966947}.recharge-add-btn:active{transform:translateY(0)}.recharge-add-btn-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff2b;font-size:16px;line-height:1}.recharge-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.recharge-summary-card{background:#fff;border:1px solid #e7edf5;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 3px 11px #1018280b}.recharge-summary-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#2563eb;font-size:16px;font-weight:800;flex-shrink:0}.recharge-summary-icon.amount{background:#ecfdf3;color:#067647}.recharge-summary-card span{display:block;color:#667085;font-size:9px;font-weight:650;margin-bottom:2px}.recharge-summary-card strong{color:#101828;font-size:16px;font-weight:750}.recharge-view-card{background:#fff;border:1px solid #e7edf5;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px #1018280b}.recharge-view-header{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f5}.recharge-view-header h2{margin:0;color:#101828;font-size:16px;font-weight:750}.recharge-view-header p{margin:3px 0 0;color:#667085;font-size:9px}.recharge-refresh-btn{height:36px;padding:0 11px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;color:#344054;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:650;cursor:pointer;transition:all .2s ease}.recharge-refresh-btn:hover{border-color:#2563eb;color:#2563eb;background:#f8fbff}.recharge-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.recharge-search-row{padding:10px 15px;border-bottom:1px solid #edf1f5;background:#fbfcfe}.recharge-search-box{width:100%;max-width:400px;position:relative}.recharge-search-box>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#667085;font-size:16px}.recharge-search-box input{width:100%;height:37px;box-sizing:border-box;padding:0 36px 0 35px;border:1px solid #d9e1ec;border-radius:8px;outline:none;color:#101828;font-size:11px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.recharge-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.recharge-search-box button{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;background:transparent;border-radius:6px;color:#667085;font-size:17px;cursor:pointer}.recharge-search-box button:hover{background:#f2f4f7}.recharge-table-wrapper{width:100%;overflow-x:auto}.recharge-table{width:100%;border-collapse:collapse;min-width:850px}.recharge-table thead{background:#f8fafc}.recharge-table th{padding:9px 12px;text-align:left;color:#667085;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e7edf5}.recharge-table td{padding:9px 12px;border-bottom:1px solid #eef2f6;color:#344054;font-size:10px;vertical-align:middle}.recharge-table tbody tr{transition:background .15s ease}.recharge-table tbody tr:hover{background:#f8fbff}.recharge-table tbody tr:last-child td{border-bottom:none}.recharge-id{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:#f2f4f7;color:#475467;font-size:8px;font-weight:700}.recharge-office-info{display:flex;align-items:center;gap:8px}.recharge-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:750;flex-shrink:0}.recharge-office-info strong{display:block;color:#101828;font-size:10px;text-transform:capitalize}.recharge-office-info small{display:block;color:#98a2b3;font-size:7px;margin-top:1px}.recharge-mobile{display:inline-flex;align-items:center;gap:5px;color:#2563eb;text-decoration:none;font-weight:650;font-size:10px}.recharge-mobile:hover{text-decoration:underline}.recharge-sim-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:750;text-transform:uppercase}.recharge-sim-jio{background:#eef2ff;color:#4338ca}.recharge-sim-airtel{background:#fef2f2;color:#dc2626}.recharge-sim-vi{background:#fff7ed;color:#c2410c}.recharge-sim-bsnl{background:#ecfdf3;color:#047857}.recharge-sim-other{background:#f2f4f7;color:#475467}.recharge-amount{color:#067647;font-size:11px;font-weight:750;white-space:nowrap}.recharge-date{color:#667085;font-size:8px;white-space:nowrap}.recharge-loading,.recharge-empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.recharge-loading{gap:8px}.recharge-loading p{margin:0;color:#667085;font-size:10px}.recharge-spinner{width:27px;height:27px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:rechargeSpin .75s linear infinite}@keyframes rechargeSpin{to{transform:rotate(360deg)}}.recharge-empty>div{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#ecfdf3;color:#067647;font-size:18px;font-weight:750;margin-bottom:8px}.recharge-empty h3{margin:0;color:#101828;font-size:12px}.recharge-empty p{margin:4px 0 0;color:#667085;font-size:9px}.recharge-view-error{display:flex;align-items:center;gap:8px;margin:10px 15px;padding:8px 10px;border-radius:8px;background:#fef3f2;border:1px solid #fecdca;color:#b42318;font-size:9px;font-weight:600}.recharge-view-error span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fee4e2}.recharge-result-info{margin-top:8px;display:flex;justify-content:flex-end;gap:4px;color:#667085;font-size:8px}.recharge-result-info strong{color:#344054}.recharge-mobile-list{display:none}.recharge-avatar-link{text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.recharge-avatar-link:hover{transform:translateY(-2px) scale(1.05);background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 5px 12px #2563eb40}.recharge-avatar-link:active{transform:scale(.98)}@media(max-width:768px){.recharge-summary-grid{grid-template-columns:1fr}.recharge-view-header{padding:12px}.recharge-search-row{padding:9px 12px}.recharge-search-box{max-width:none}.recharge-table-wrapper{display:none}.recharge-mobile-list{display:block;padding:9px}.recharge-mobile-card{padding:10px;margin-bottom:7px;border:1px solid #e7edf5;border-radius:10px;background:#fff;box-shadow:0 2px 7px #1018280a}.recharge-mobile-card:last-child{margin-bottom:0}.recharge-mobile-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;padding-bottom:8px;border-bottom:1px solid #eef2f6}.recharge-mobile-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0;color:#667085;font-size:8px}.recharge-mobile-row a{color:#2563eb;font-size:10px;font-weight:650;text-decoration:none}.recharge-mobile-row.date b{color:#475467;font-size:7px;font-weight:500;text-align:right}.recharge-result-info{justify-content:center}}@media(max-width:600px){.recharge-page-action{flex-direction:column;align-items:stretch}.recharge-add-btn{width:100%;box-sizing:border-box}}@media(max-width:500px){.recharge-view-header{align-items:flex-start}.recharge-view-header h2{font-size:14px}.recharge-refresh-btn{height:33px;padding:0 9px;font-size:9px}.recharge-summary-card{padding:11px}}.recharge-view-success{display:flex;align-items:center;gap:8px;margin:10px 15px 0;padding:9px 11px;border:1px solid #abefc6;border-radius:8px;background:#ecfdf3;color:#067647}.recharge-view-success>span{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#d1fadf;font-size:10px;font-weight:800}.recharge-view-success p{margin:0;font-size:9px;font-weight:650}.recharge-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.recharge-action-btn{min-height:29px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:8px;font-weight:750;text-decoration:none;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.recharge-action-btn span{font-size:10px;line-height:1}.recharge-action-btn:hover{transform:translateY(-1px)}.recharge-action-btn.view{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.recharge-action-btn.view:hover{background:#dbeafe;box-shadow:0 3px 8px #2563eb1f}.recharge-action-btn.edit{color:#b54708;background:#fffaeb;border-color:#fedf89}.recharge-action-btn.edit:hover{background:#fef0c7;box-shadow:0 3px 8px #f790091f}.recharge-action-btn.delete{color:#b42318;background:#fef3f2;border-color:#fecdca}.recharge-action-btn.delete:hover{background:#fee4e2;box-shadow:0 3px 8px #d92d201f}.recharge-mobile-actions{display:flex;align-items:center;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid #eef2f6}.recharge-mobile-actions .recharge-action-btn{flex:1;min-height:32px}.recharge-delete-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;background:#0f172a7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.recharge-delete-modal{width:100%;max-width:385px;box-sizing:border-box;padding:20px;background:#fff;border:1px solid #e7edf5;border-radius:14px;box-shadow:0 20px 50px #10182833;text-align:center;animation:rechargeDeleteIn .18s ease}@keyframes rechargeDeleteIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.recharge-delete-icon{width:43px;height:43px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#fef3f2;color:#d92d20;font-size:18px;font-weight:800}.recharge-delete-modal h3{margin:0;color:#101828;font-size:15px;font-weight:750}.recharge-delete-modal>p{margin:6px 0 0;color:#667085;font-size:10px;line-height:1.5}.recharge-delete-modal>p strong{color:#344054}.recharge-delete-summary{margin-top:12px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e7edf5;border-radius:8px}.recharge-delete-summary span{color:#667085;font-size:8px;font-weight:700;text-transform:uppercase}.recharge-delete-summary strong{color:#067647;font-size:12px}.recharge-delete-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.recharge-modal-cancel,.recharge-modal-delete{height:36px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.recharge-modal-cancel{border:1px solid #d0d5dd;background:#fff;color:#344054}.recharge-modal-delete{border:1px solid #d92d20;background:linear-gradient(135deg,#d92d20,#b42318);color:#fff;box-shadow:0 4px 10px #d92d202e}.recharge-modal-cancel:hover,.recharge-modal-delete:hover{transform:translateY(-1px)}.recharge-modal-cancel:disabled,.recharge-modal-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:520px){.recharge-delete-modal-actions{grid-template-columns:1fr}}.bank-entry-page{width:100%;max-width:980px;margin:0 auto;padding:10px 18px 34px;box-sizing:border-box}.bank-entry-card,.bank-recent-card{width:100%;box-sizing:border-box;background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 1px 3px #1018280a,0 8px 24px #1018280f}.bank-entry-card{padding:20px 22px}.bank-entry-header{display:flex;align-items:center;gap:12px;margin-bottom:17px;padding-bottom:14px;border-bottom:1px solid #edf0f5}.bank-entry-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:20px;font-weight:800;box-shadow:0 6px 14px #2563eb38}.bank-entry-header h2{margin:0;color:#101828;font-size:18px;line-height:1.25;font-weight:760}.bank-entry-header p{margin:3px 0 0;color:#667085;font-size:11.5px}.bank-alert{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 11px;border-radius:8px;font-size:12px;font-weight:600}.bank-alert span{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:800}.bank-alert.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.bank-alert.success span{color:#fff;background:#16a34a}.bank-alert.error{color:#b42318;background:#fff4f3;border:1px solid #fecdca}.bank-alert.error span{color:#fff;background:#d92d20}.bank-section-title{display:flex;align-items:center;margin:1px 0 11px;color:#344054;font-size:11px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.bank-section-title:before{content:"";width:3px;height:14px;margin-right:7px;border-radius:10px;background:linear-gradient(180deg,#2563eb,#60a5fa)}.bank-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px}.bank-field{min-width:0}.bank-field label{display:block;margin-bottom:5px;color:#344054;font-size:11.5px;font-weight:650}.bank-field label span{margin-left:2px;color:#e11d48;font-weight:800}.bank-field input{width:100%;height:40px;box-sizing:border-box;padding:0 11px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#101828;outline:none;font-family:inherit;font-size:12.5px;transition:border-color .18s ease,box-shadow .18s ease}.bank-field input:hover{border-color:#b8c1cc}.bank-field input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.bank-field input::placeholder{color:#98a2b3}.bank-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid #edf0f3}.bank-btn{min-width:110px;height:37px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:7px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.18s ease}.bank-btn:disabled{opacity:.55;cursor:not-allowed}.bank-btn.secondary{color:#344054;background:#fff;border:1px solid #d0d5dd}.bank-btn.secondary:hover:not(:disabled){background:#f8fafc;border-color:#b8c1cc}.bank-btn.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #2563eb;box-shadow:0 4px 10px #2563eb33}.bank-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #2563eb40}.bank-recent-card{margin-top:15px;padding:16px 18px}.bank-recent-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.bank-recent-head h3{margin:0;color:#101828;font-size:14px;font-weight:750}.bank-recent-head p{margin:2px 0 0;color:#667085;font-size:10.5px}.bank-count-badge{min-width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;box-sizing:border-box;border:1px solid #dbeafe;border-radius:20px;color:#1d4ed8;background:#eff6ff;font-size:10px;font-weight:750}.bank-entry-list{display:flex;flex-direction:column;border-top:1px solid #edf0f3}.bank-entry-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 4px;border-bottom:1px solid #f0f2f5}.bank-entry-row:last-child{border-bottom:none}.bank-entry-row-main{min-width:0;display:flex;flex-direction:column;gap:2px}.bank-entry-row-main strong{overflow:hidden;color:#101828;font-size:12px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.bank-entry-row-main span{color:#475467;font-size:10.5px}.bank-entry-row-main small{color:#98a2b3;font-size:10px}.bank-entry-row-meta{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.bank-entry-row-meta strong{color:#1d4ed8;font-size:11.5px}.bank-entry-row-meta span{color:#98a2b3;font-size:9px;font-weight:600}.bank-empty{padding:24px 10px;border-top:1px solid #edf0f3;color:#667085;text-align:center;font-size:11.5px}@media(max-width:700px){.bank-entry-page{padding:6px 10px 26px}.bank-entry-card{padding:16px}.bank-form-grid{grid-template-columns:1fr;gap:11px}}@media(max-width:480px){.bank-entry-page{padding-left:7px;padding-right:7px}.bank-entry-card,.bank-recent-card{border-radius:11px}.bank-entry-card{padding:13px}.bank-entry-header h2{font-size:16px}.bank-form-actions{display:grid;grid-template-columns:1fr 1fr}.bank-btn{width:100%;min-width:0}}.payment-receipt-page{width:100%;max-width:950px;margin:0 auto;padding:10px 18px 35px;box-sizing:border-box}.payment-receipt-card{width:100%;box-sizing:border-box;padding:20px 22px;overflow:hidden;border:1px solid #e4e7ec;border-radius:14px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 1px 3px #1018280a,0 8px 24px #1018280f}.payment-receipt-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #edf0f5}.payment-receipt-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:20px;font-weight:800;box-shadow:0 6px 14px #2563eb38}.payment-receipt-header h2{margin:0;color:#101828;font-size:18px;line-height:1.25;font-weight:750;letter-spacing:-.25px}.payment-receipt-header p{margin:3px 0 0;color:#667085;font-size:11.5px;line-height:1.4}.payment-receipt-alert{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 11px;border-radius:8px;font-size:12px;font-weight:600}.payment-receipt-alert span{width:19px;height:19px;min-width:19px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:10px;font-weight:800}.payment-receipt-alert.success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.payment-receipt-alert.success span{background:#16a34a}.payment-receipt-alert.error{border:1px solid #fecdca;background:#fff4f3;color:#b42318}.payment-receipt-alert.error span{background:#d92d20}.payment-receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px}.payment-receipt-field{position:relative;min-width:0}.payment-receipt-field.full{grid-column:1 / -1}.payment-receipt-field label{display:block;margin-bottom:5px;color:#344054;font-size:11.5px;line-height:1.3;font-weight:650}.payment-receipt-field label span{margin-left:2px;color:#e11d48;font-weight:800}.payment-receipt-field input,.payment-receipt-field select,.payment-receipt-field textarea{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:7px;outline:none;background:#fff;color:#101828;font-family:inherit;font-size:12.5px;transition:border-color .18s ease,box-shadow .18s ease}.payment-receipt-field input,.payment-receipt-field select{height:39px;padding:0 10px}.payment-receipt-field select{cursor:pointer}.payment-receipt-field textarea{min-height:78px;padding:9px 10px 22px;resize:vertical;line-height:1.45}.payment-receipt-field input:focus,.payment-receipt-field select:focus,.payment-receipt-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.payment-receipt-field input::placeholder,.payment-receipt-field textarea::placeholder{color:#98a2b3}.payment-receipt-field select:disabled{background:#f8fafc;color:#98a2b3;cursor:not-allowed}.payment-receipt-field small{display:block;margin-top:4px;color:#667085;font-size:9.5px;line-height:1.35}.payment-receipt-field small.warning{color:#b54708;font-weight:650}.payment-receipt-amount{position:relative}.payment-receipt-amount>span{position:absolute;z-index:2;top:50%;left:11px;transform:translateY(-50%);color:#475467;font-size:12px;font-weight:750;pointer-events:none}.payment-receipt-amount input{padding-left:27px}.payment-receipt-note-count{position:absolute;right:8px;bottom:6px;padding:1px 4px;border-radius:4px;background:#fffffff0;color:#98a2b3;font-size:9.5px;pointer-events:none}.payment-receipt-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid #edf0f3}.payment-receipt-btn{min-width:115px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:7px;font-family:inherit;font-size:12px;line-height:1;font-weight:700;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.payment-receipt-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.payment-receipt-btn.secondary{border:1px solid #d0d5dd;background:#fff;color:#344054}.payment-receipt-btn.secondary:hover:not(:disabled){border-color:#b8c1cc;background:#f8fafc;transform:translateY(-1px)}.payment-receipt-btn.primary{border:1px solid #2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 10px #2563eb33}.payment-receipt-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 14px #2563eb40}@media(max-width:700px){.payment-receipt-page{padding:6px 10px 25px}.payment-receipt-card{padding:16px}.payment-receipt-grid{grid-template-columns:1fr;gap:11px}.payment-receipt-field.full{grid-column:auto}.payment-receipt-header h2{font-size:16px}}@media(max-width:480px){.payment-receipt-page{padding-left:7px;padding-right:7px}.payment-receipt-card{padding:13px;border-radius:11px}.payment-receipt-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.payment-receipt-btn{width:100%;min-width:0}}.add-bill-page{width:100%;max-width:900px;margin:0 auto;padding:10px 18px 32px;box-sizing:border-box}.add-bill-card{width:100%;padding:20px 22px;box-sizing:border-box;border:1px solid #e4e7ec;border-radius:14px;background:linear-gradient(180deg,#fff,#fcfdff);box-shadow:0 1px 3px #1018280a,0 8px 24px #1018280f}.add-bill-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #edf0f5}.add-bill-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font-size:19px;font-weight:850;box-shadow:0 6px 14px #7c3aed33}.add-bill-header h2{margin:0;color:#101828;font-size:18px;line-height:1.25;font-weight:780;letter-spacing:-.2px}.add-bill-header p{margin:3px 0 0;color:#667085;font-size:11px}.add-bill-alert{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:9px 11px;border-radius:8px;font-size:11.5px;font-weight:650}.add-bill-alert span{width:19px;height:19px;min-width:19px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:10px;font-weight:800}.add-bill-alert.success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.add-bill-alert.success span{background:#16a34a}.add-bill-alert.error{border:1px solid #fecdca;background:#fff4f3;color:#b42318}.add-bill-alert.error span{background:#d92d20}.add-bill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px}.add-bill-field{position:relative;min-width:0}.add-bill-field.full{grid-column:1 / -1}.add-bill-field label{display:block;margin-bottom:5px;color:#344054;font-size:11.5px;font-weight:680}.add-bill-field label span{margin-left:2px;color:#e11d48}.add-bill-field input,.add-bill-field select,.add-bill-field textarea{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:7px;outline:none;background:#fff;color:#101828;font-family:inherit;font-size:12px;transition:border-color .18s ease,box-shadow .18s ease}.add-bill-field input,.add-bill-field select{height:39px;padding:0 10px}.add-bill-field textarea{min-height:82px;padding:9px 10px 22px;resize:vertical;line-height:1.45}.add-bill-field input:focus,.add-bill-field select:focus,.add-bill-field textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed14}.add-bill-field input::placeholder,.add-bill-field textarea::placeholder{color:#98a2b3}.add-bill-field select:disabled{background:#f8fafc;color:#98a2b3}.add-bill-field small{display:block;margin-top:4px;color:#98a2b3;font-size:9px;line-height:1.3}.add-bill-amount{position:relative}.add-bill-amount>span{position:absolute;z-index:2;top:50%;left:11px;transform:translateY(-50%);color:#475467;font-size:12px;font-weight:800;pointer-events:none}.add-bill-amount input{padding-left:27px}.add-bill-count{position:absolute;right:8px;bottom:6px;padding:1px 4px;border-radius:4px;background:#fffffff0;color:#98a2b3;font-size:9px}.add-bill-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px;padding-top:15px;border-top:1px solid #edf0f3}.add-bill-btn{min-width:112px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:7px;font-family:inherit;font-size:11.5px;font-weight:750;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.add-bill-btn:disabled{opacity:.55;cursor:not-allowed}.add-bill-btn.secondary{border:1px solid #d0d5dd;background:#fff;color:#344054}.add-bill-btn.secondary:hover:not(:disabled){background:#f8fafc;transform:translateY(-1px)}.add-bill-btn.primary{border:1px solid #7c3aed;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;box-shadow:0 4px 10px #7c3aed33}.add-bill-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#4c1d95);transform:translateY(-1px)}@media(max-width:700px){.add-bill-page{padding:7px 10px 25px}.add-bill-card{padding:16px}.add-bill-grid{grid-template-columns:1fr;gap:11px}.add-bill-field.full{grid-column:auto}}@media(max-width:480px){.add-bill-page{padding-left:7px;padding-right:7px}.add-bill-card{padding:13px;border-radius:11px}.add-bill-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.add-bill-btn{width:100%;min-width:0}}.view-pr-page{width:100%;max-width:1450px;margin:0 auto;padding:10px 18px 32px;box-sizing:border-box}.view-pr-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.view-pr-heading h2{margin:0;color:#101828;font-size:21px;line-height:1.3;font-weight:780;letter-spacing:-.3px}.view-pr-heading p{margin:4px 0 0;color:#667085;font-size:12px}.view-pr-refresh{height:36px;padding:0 15px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.18s ease}.view-pr-refresh:hover:not(:disabled){border-color:#2563eb;color:#1d4ed8;background:#f8fbff}.view-pr-refresh:disabled{opacity:.6;cursor:not-allowed}.view-pr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.view-pr-stat-card{position:relative;overflow:hidden;min-height:90px;padding:14px 16px;box-sizing:border-box;border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:0 3px 12px #1018280b}.view-pr-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#2563eb}.view-pr-stat-card.payment:before{background:#dc2626}.view-pr-stat-card.receipt:before{background:#16a34a}.view-pr-stat-card.balance:before{background:#7c3aed}.view-pr-stat-card span{display:block;margin-bottom:5px;color:#667085;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.view-pr-stat-card strong{display:block;overflow:hidden;color:#101828;font-size:19px;line-height:1.25;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.view-pr-stat-card strong.negative{color:#b42318}.view-pr-stat-card small{display:block;margin-top:4px;color:#98a2b3;font-size:10px}.view-pr-card{overflow:hidden;border:1px solid #e4e7ec;border-radius:13px;background:#fff;box-shadow:0 4px 18px #1018280e}.view-pr-filter-head{padding:14px 17px 10px}.view-pr-filter-head h3{margin:0;color:#101828;font-size:15px;font-weight:760}.view-pr-filter-head p{margin:3px 0 0;color:#667085;font-size:10.5px}.view-pr-filters{display:grid;grid-template-columns:minmax(230px,1.7fr) minmax(140px,.8fr) minmax(150px,.9fr) minmax(150px,.9fr) auto;align-items:end;gap:10px;padding:0 17px 15px;border-bottom:1px solid #eaecf0}.view-pr-field{min-width:0}.view-pr-field label{display:block;margin-bottom:5px;color:#344054;font-size:10.5px;font-weight:700}.view-pr-field input,.view-pr-field select{width:100%;height:37px;box-sizing:border-box;padding:0 10px;border:1px solid #d0d5dd;border-radius:7px;outline:none;background:#fff;color:#101828;font-family:inherit;font-size:11.5px;transition:border-color .18s ease,box-shadow .18s ease}.view-pr-field input:focus,.view-pr-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.view-pr-field input::placeholder{color:#98a2b3}.view-pr-clear{height:37px;padding:0 15px;border:1px solid #d0d5dd;border-radius:7px;background:#f9fafb;color:#344054;font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer}.view-pr-clear:hover{background:#f2f4f7}.view-pr-error{margin:13px 17px 0;padding:9px 11px;border:1px solid #fecdca;border-radius:7px;background:#fef3f2;color:#b42318;font-size:11.5px;font-weight:600}.view-pr-table-wrap{width:100%;overflow-x:auto}.view-pr-table{width:100%;min-width:1080px;border-collapse:collapse}.view-pr-table thead{background:#f8fafc}.view-pr-table th{padding:10px 12px;border-bottom:1px solid #e4e7ec;color:#475467;text-align:left;font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}.view-pr-table td{padding:11px 12px;border-bottom:1px solid #f0f2f5;color:#344054;font-size:11.5px;vertical-align:middle}.view-pr-table tbody tr{transition:background .16s ease}.view-pr-table tbody tr:hover{background:#f9fbff}.view-pr-table tbody tr:last-child td{border-bottom:none}.view-pr-sr{width:42px;color:#98a2b3!important;font-weight:700}.view-pr-badge{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.025em}.view-pr-badge.payment{border:1px solid #fecaca;background:#fef2f2;color:#b42318}.view-pr-badge.receipt{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d}.view-pr-date{color:#475467;font-size:10.8px;font-weight:650;white-space:nowrap}.view-pr-party,.view-pr-bank{min-width:145px}.view-pr-party strong,.view-pr-bank strong{display:block;max-width:190px;overflow:hidden;color:#101828;font-size:11.5px;font-weight:730;white-space:nowrap;text-overflow:ellipsis}.view-pr-party small,.view-pr-bank small{display:block;max-width:190px;margin-top:2px;overflow:hidden;color:#98a2b3;font-size:9.5px;white-space:nowrap;text-overflow:ellipsis}.view-pr-amount{display:inline-block;min-width:88px;font-size:11.8px;font-weight:800;white-space:nowrap}.view-pr-amount.payment{color:#b42318}.view-pr-amount.receipt{color:#15803d}.view-pr-note{display:block;max-width:230px;overflow:hidden;color:#667085;font-size:10.8px;white-space:nowrap;text-overflow:ellipsis}.view-pr-empty{padding:32px 15px!important;color:#667085!important;text-align:center!important;font-size:12px!important}.view-pr-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #eaecf0;background:#fcfcfd}.view-pr-pagination>span{color:#667085;font-size:10.5px}.view-pr-pagination>div{display:flex;align-items:center;gap:7px}.view-pr-pagination button{height:31px;padding:0 11px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#344054;font-family:inherit;font-size:10.5px;font-weight:700;cursor:pointer}.view-pr-pagination button:hover:not(:disabled){border-color:#2563eb;color:#1d4ed8}.view-pr-pagination button:disabled{opacity:.45;cursor:not-allowed}.view-pr-page-number{color:#475467;font-size:10.5px;font-weight:650}@media(max-width:1100px){.view-pr-stats,.view-pr-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.view-pr-clear{width:100%}}@media(max-width:700px){.view-pr-page{padding:7px 10px 25px}.view-pr-heading{align-items:flex-start}.view-pr-heading h2{font-size:18px}.view-pr-filter-head{padding:13px 13px 10px}.view-pr-filters{grid-template-columns:1fr;padding:0 13px 13px}.view-pr-pagination{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.view-pr-page{padding-left:7px;padding-right:7px}.view-pr-stats{grid-template-columns:1fr}.view-pr-card{border-radius:10px}.view-pr-pagination>div{width:100%;justify-content:space-between}}.view-pr-actions{display:flex;align-items:center;gap:6px;min-width:126px}.view-pr-action-btn{height:30px;min-width:56px;padding:0 10px;border-radius:6px;font-family:inherit;font-size:10px;font-weight:750;cursor:pointer;transition:.18s ease}.view-pr-action-btn.view{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}.view-pr-action-btn.view:hover{border-color:#93c5fd;background:#dbeafe}.view-pr-action-btn.delete{border:1px solid #fecaca;background:#fef2f2;color:#b42318}.view-pr-action-btn.delete:hover:not(:disabled){border-color:#fca5a5;background:#fee2e2}.view-pr-action-btn:disabled{opacity:.55;cursor:not-allowed}.gl-page{width:100%;max-width:1200px;margin:0 auto;padding:10px 18px 32px;box-sizing:border-box}.gl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.gl-toolbar-right{display:flex;align-items:center;gap:8px}.gl-toolbar-btn{height:34px;padding:0 13px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#344054;font-family:inherit;font-size:10.5px;font-weight:700;cursor:pointer;transition:.18s ease}.gl-toolbar-btn:hover:not(:disabled){border-color:#667085;background:#f8fafc}.gl-toolbar-btn.primary{border-color:#344054;background:#344054;color:#fff}.gl-toolbar-btn.primary:hover:not(:disabled){background:#1d2939}.gl-toolbar-btn:disabled{opacity:.55;cursor:not-allowed}.gl-error,.gl-loading{margin-bottom:12px;padding:10px 12px;border-radius:7px;font-size:11px}.gl-error{border:1px solid #fecdca;background:#fef3f2;color:#b42318}.gl-loading{border:1px solid #e4e7ec;background:#fff;color:#667085}.gl-paper{overflow:hidden;border:1px solid #d0d5dd;border-radius:4px;background:linear-gradient(90deg,#fff,#fbfbfd 52%,#fff);box-shadow:0 8px 28px #1018281a}.gl-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:27px 28px 18px}.gl-title-block h1{margin:0;color:#475467;font-size:32px;line-height:1.03;font-weight:900;letter-spacing:.04em}.gl-brand{display:flex;align-items:center;gap:9px;padding-top:5px}.gl-brand-mark{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#475467;color:#fff;font-size:12px;font-weight:900}.gl-brand strong{display:block;color:#475467;font-size:18px;font-weight:850;letter-spacing:-.3px}.gl-brand span{display:block;margin-top:1px;color:#98a2b3;font-size:9px;font-weight:600}.gl-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:0 28px 12px}.gl-info-column.right{justify-self:end;min-width:260px}.gl-info-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:5px;margin-bottom:3px;color:#667085;font-size:9px;line-height:1.35}.gl-info-row span{color:#7a8496}.gl-info-row strong{overflow:hidden;color:#475467;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.gl-table-wrap{width:100%;overflow-x:auto;padding:0 28px 15px;box-sizing:border-box}.gl-table{width:100%;min-width:780px;border-collapse:collapse;table-layout:fixed;color:#5f6878}.gl-table thead{background:#d5d8df}.gl-table th{padding:6px 8px;color:#4b5565;text-align:left;font-size:9px;line-height:1.2;font-weight:800}.gl-table td{padding:5px 8px;border-bottom:1px solid #eceef2;color:#667085;font-size:9px;line-height:1.25;vertical-align:top}.gl-table tbody tr:nth-child(2n){background:#f8fafca6}.gl-table tbody tr:hover{background:#f4f7fb}.gl-table tbody tr.selected-row{background:#eef4ff;box-shadow:inset 3px 0 #667085}.gl-table .number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.gl-col-no{width:54px}.gl-col-date{width:92px}.gl-serial{color:#667085!important;font-weight:700}.gl-description{min-width:0}.gl-description strong{display:block;color:#4b5565;font-size:9px;font-weight:800;text-transform:uppercase}.gl-description span{display:block;margin-top:1px;color:#667085;font-size:8.7px}.gl-description small{display:block;max-width:320px;margin-top:2px;overflow:hidden;color:#98a2b3;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.gl-table .debit,.gl-table .credit{color:#5d6675}.gl-table .balance{color:#475467;font-weight:800}.gl-table .negative,.gl-bottom-summary strong.negative{color:#b42318}.gl-table tfoot{background:#f1f3f6}.gl-table tfoot td{padding:7px 8px;border-top:1px solid #cfd4dc;border-bottom:0;color:#475467;font-weight:800}.gl-total-label{text-align:right;font-size:8.5px!important;letter-spacing:.05em}.gl-final-balance{font-weight:900!important}.gl-empty{padding:25px!important;text-align:center}.gl-bottom-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 28px 17px;border:1px solid #d5d8df;border-radius:3px}.gl-bottom-summary>div{padding:8px 11px;border-right:1px solid #d5d8df}.gl-bottom-summary>div:last-child{border-right:0}.gl-bottom-summary span{display:block;color:#8a94a5;font-size:7.5px;font-weight:700;text-transform:uppercase}.gl-bottom-summary strong{display:block;margin-top:2px;color:#475467;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}.gl-footer{display:flex;justify-content:space-between;gap:10px;padding:7px 28px;border-top:1px solid #eceef2;color:#a0a8b5;font-size:7.5px}@media(max-width:700px){.gl-page{padding:7px 8px 25px}.gl-toolbar{align-items:stretch;flex-direction:column}.gl-toolbar-right{justify-content:flex-end}.gl-header{padding:20px 18px 14px}.gl-title-block h1{font-size:25px}.gl-brand strong{font-size:15px}.gl-info-grid{grid-template-columns:1fr;gap:4px;padding:0 18px 11px}.gl-info-column.right{justify-self:stretch;min-width:0}.gl-table-wrap{padding:0 18px 13px}.gl-bottom-summary{margin-left:18px;margin-right:18px}.gl-footer{padding-left:18px;padding-right:18px}}@media print{@page{size:A4 portrait;margin:8mm}body{background:#fff!important}.no-print,.sidebar,.topbar,.header,nav,aside{display:none!important}.gl-page{max-width:none;margin:0;padding:0}.gl-paper{border:0;border-radius:0;box-shadow:none}.gl-header{padding-top:5px}.gl-table-wrap{overflow:visible}.gl-table{min-width:0}.gl-table tbody tr:hover{background:transparent}}.admin-daily-report-page{width:100%}.admin-daily-report-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px;padding:13px 15px;background:linear-gradient(135deg,#fff,#f7faff);border:1px solid #e4eaf2;border-radius:11px;box-shadow:0 3px 12px #1018280b}.admin-daily-report-header-left{display:flex;align-items:center;gap:10px}.admin-daily-report-header-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:14px;font-weight:800}.admin-daily-report-header-left>div:last-child>span{display:block;margin-bottom:2px;color:#2563eb;font-size:8px;font-weight:750;text-transform:uppercase}.admin-daily-report-header h2{margin:0;color:#101828;font-size:16px;font-weight:750}.admin-daily-report-header p{margin:2px 0 0;color:#667085;font-size:9px}.admin-daily-report-total{min-width:95px;padding:8px 10px;text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px}.admin-daily-report-total span{display:block;color:#667085;font-size:7px;font-weight:700;text-transform:uppercase}.admin-daily-report-total strong{display:block;margin-top:2px;color:#1d4ed8;font-size:16px}.admin-daily-report-filter-card{display:grid;grid-template-columns:minmax(220px,1fr) 190px 150px auto;gap:8px;margin-bottom:10px;padding:10px;background:#fff;border:1px solid #e4eaf2;border-radius:10px}.admin-daily-report-search{height:36px;display:flex;align-items:center;overflow:hidden;border:1px solid #d0d5dd;border-radius:8px}.admin-daily-report-search span{padding-left:10px;color:#98a2b3}.admin-daily-report-search input{min-width:0;flex:1;height:100%;padding:0 9px;border:none;outline:none;font-size:9px}.admin-daily-report-filter-card>select,.admin-daily-report-filter-card>input{height:36px;box-sizing:border-box;padding:0 9px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;outline:none;font-size:9px}.admin-daily-report-clear{height:36px;padding:0 13px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#475467;font-size:9px;font-weight:700;cursor:pointer}.admin-daily-report-error{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:9px 11px;background:#fef3f2;border:1px solid #fecdca;border-radius:8px;color:#b42318}.admin-daily-report-error span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fee4e2;font-size:9px;font-weight:800}.admin-daily-report-error p{margin:0;font-size:9px}.admin-daily-report-card{overflow:hidden;background:#fff;border:1px solid #e4eaf2;border-radius:11px;box-shadow:0 3px 12px #1018280a}.admin-daily-report-table-wrap{width:100%;overflow-x:auto}.admin-daily-report-table{width:100%;min-width:1050px;border-collapse:collapse}.admin-daily-report-table th{padding:9px 10px;background:#f8fafc;border-bottom:1px solid #e7edf5;color:#667085;font-size:8px;font-weight:750;text-align:left;text-transform:uppercase;letter-spacing:.3px}.admin-daily-report-table td{padding:10px;border-bottom:1px solid #edf1f5;color:#344054;font-size:9px;vertical-align:top}.admin-daily-report-table tbody tr:last-child td{border-bottom:none}.admin-daily-report-table tbody tr:hover{background:#fbfdff}.admin-daily-staff{display:flex;align-items:center;gap:8px;min-width:150px}.admin-daily-avatar{width:31px;height:31px;flex:0 0 31px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:10px;font-weight:800}.admin-daily-staff strong{display:block;color:#101828;font-size:9px;font-weight:750}.admin-daily-staff small{display:block;margin-top:2px;max-width:150px;overflow:hidden;color:#98a2b3;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.admin-daily-work-text,.admin-daily-report-text{max-width:280px;color:#475467;font-size:9px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.admin-daily-report-text{color:#101828}.admin-daily-date{display:inline-flex;padding:4px 7px;border-radius:999px;background:#ecfdf3;color:#047857;font-size:8px;font-weight:700;white-space:nowrap}.admin-daily-submitted{color:#667085;font-size:8px;white-space:nowrap}.admin-daily-mobile-list{display:none}.admin-daily-report-loading,.admin-daily-report-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center}.admin-daily-report-loading{color:#667085;font-size:9px}.admin-daily-report-spinner{width:26px;height:26px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:adminDailySpin .75s linear infinite}@keyframes adminDailySpin{to{transform:rotate(360deg)}}.admin-daily-report-empty>div{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eff6ff;color:#2563eb;font-size:13px;font-weight:800}.admin-daily-report-empty h3{margin:0;color:#344054;font-size:12px}.admin-daily-report-empty p{margin:0;color:#98a2b3;font-size:8px}@media(max-width:900px){.admin-daily-report-filter-card{grid-template-columns:1fr 1fr}}@media(max-width:700px){.admin-daily-report-header{flex-direction:column;align-items:stretch}.admin-daily-report-total{width:100%;box-sizing:border-box}.admin-daily-report-filter-card{grid-template-columns:1fr}.admin-daily-report-table-wrap{display:none}.admin-daily-mobile-list{display:flex;flex-direction:column;gap:9px;padding:10px}.admin-daily-mobile-card{padding:11px;border:1px solid #e7edf5;border-radius:9px;background:#fbfcfe}.admin-daily-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid #edf1f5}.admin-daily-mobile-number{padding:3px 7px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:8px;font-weight:700}.admin-daily-mobile-section{padding-top:9px}.admin-daily-mobile-section>span{display:block;margin-bottom:3px;color:#667085;font-size:7px;font-weight:800;text-transform:uppercase}.admin-daily-mobile-section p{margin:0;color:#344054;font-size:9px;line-height:1.55;white-space:pre-wrap}.admin-daily-mobile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.admin-daily-mobile-meta>div{padding:8px;background:#fff;border:1px solid #e7edf5;border-radius:8px}.admin-daily-mobile-meta span{display:block;margin-bottom:2px;color:#98a2b3;font-size:7px}.admin-daily-mobile-meta strong{color:#344054;font-size:8px}}@media(max-width:420px){.admin-daily-mobile-meta{grid-template-columns:1fr}}.recharge-detail-page{width:100%;max-width:760px;margin:0 auto}.recharge-detail-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:13px 15px;background:linear-gradient(135deg,#fff,#f6fffa);border:1px solid #e2ebe6;border-radius:12px;box-shadow:0 4px 14px #1018280d}.recharge-detail-header-left{display:flex;align-items:center;gap:10px}.recharge-detail-header-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#ecfdf3,#d1fadf);border:1px solid #abefc6;color:#047857;font-size:15px;font-weight:800}.recharge-detail-kicker{display:block;margin-bottom:2px;color:#059669;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.45px}.recharge-detail-header h2{margin:0;color:#101828;font-size:16px;font-weight:750}.recharge-detail-header p{margin:2px 0 0;color:#667085;font-size:9px}.recharge-detail-header-actions{display:flex;align-items:center;gap:7px}.recharge-detail-back-btn,.recharge-detail-edit-btn{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;font-size:9px;font-weight:700;white-space:nowrap}.recharge-detail-back-btn{border:1px solid #d9e1ec;background:#fff;color:#475467}.recharge-detail-back-btn:hover{color:#059669;border-color:#a6f4c5;background:#ecfdf3}.recharge-detail-edit-btn{border:1px solid #fedf89;background:#fffaeb;color:#b54708}.recharge-detail-edit-btn:hover{background:#fef0c7}.recharge-detail-card{padding:16px;background:#fff;border:1px solid #e7edf5;border-radius:12px;box-shadow:0 4px 15px #1018280d}.recharge-detail-identity{display:flex;align-items:center;gap:11px}.recharge-detail-avatar{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#059669,#047857);color:#fff;font-size:17px;font-weight:800;box-shadow:0 6px 14px #05966933}.recharge-detail-identity>div:last-child>span{display:block;margin-bottom:2px;color:#98a2b3;font-size:8px;font-weight:700;text-transform:uppercase}.recharge-detail-identity h3{margin:0;color:#101828;font-size:17px;font-weight:750;text-transform:capitalize}.recharge-detail-divider{height:1px;margin:14px 0;background:#edf1f5}.recharge-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.recharge-detail-item{min-width:0;padding:11px;display:flex;align-items:center;gap:9px;background:#fbfcfe;border:1px solid #e7edf5;border-radius:9px}.recharge-detail-item.full{grid-column:1 / -1}.recharge-detail-item-icon{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ecfdf3;color:#047857;font-size:10px;font-weight:800}.recharge-detail-item>div:last-child{min-width:0}.recharge-detail-item span{display:block;margin-bottom:3px;color:#98a2b3;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.recharge-detail-item strong,.recharge-detail-item a{display:inline-flex;max-width:100%;color:#344054;font-size:10px;font-weight:700;text-decoration:none;word-break:break-word}.recharge-detail-item a{color:#2563eb}.recharge-detail-amount{color:#067647!important;font-size:12px!important}.recharge-detail-item strong.recharge-detail-sim{padding:4px 8px;border-radius:999px;font-size:8px;font-weight:750;text-transform:uppercase}.recharge-detail-sim-jio{background:#eef2ff;color:#4338ca!important}.recharge-detail-sim-airtel{background:#fef2f2;color:#dc2626!important}.recharge-detail-sim-vi{background:#fff7ed;color:#c2410c!important}.recharge-detail-sim-bsnl{background:#ecfdf3;color:#047857!important}.recharge-detail-sim-other{background:#f2f4f7;color:#475467!important}.recharge-detail-loading{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#667085;font-size:10px}.recharge-detail-spinner{width:27px;height:27px;border:3px solid #e4e7ec;border-top-color:#059669;border-radius:50%;animation:rechargeDetailSpin .75s linear infinite}@keyframes rechargeDetailSpin{to{transform:rotate(360deg)}}.recharge-detail-error-card{width:100%;max-width:460px;box-sizing:border-box;margin:30px auto;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e7edf5;border-radius:13px;box-shadow:0 5px 17px #1018280f}.recharge-detail-error-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:9px;border-radius:11px;background:#fef3f2;color:#b42318;font-size:17px;font-weight:800}.recharge-detail-error-card h3{margin:0;color:#101828;font-size:13px}.recharge-detail-error-card p{margin:5px 0 14px;color:#667085;font-size:9px}.recharge-detail-error-back{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;border-radius:8px;background:#059669;color:#fff;text-decoration:none;font-size:9px;font-weight:700}@media(max-width:640px){.recharge-detail-header{flex-direction:column;align-items:stretch}.recharge-detail-header-actions{width:100%}.recharge-detail-back-btn,.recharge-detail-edit-btn{flex:1}.recharge-detail-grid{grid-template-columns:1fr}.recharge-detail-item.full{grid-column:auto}}.edit-recharge-page{width:100%;max-width:760px;margin:0 auto}.edit-recharge-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:13px 15px;background:linear-gradient(135deg,#fff,#f6fffa);border:1px solid #e2ebe6;border-radius:12px;box-shadow:0 4px 14px #1018280d}.edit-recharge-header-left{display:flex;align-items:center;gap:10px}.edit-recharge-header-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff7ed;border:1px solid #fed7aa;color:#c2410c;font-size:15px;font-weight:800}.edit-recharge-header-left>div:last-child>span{display:block;margin-bottom:2px;color:#059669;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.45px}.edit-recharge-header h2{margin:0;color:#101828;font-size:16px;font-weight:750}.edit-recharge-header p{margin:2px 0 0;color:#667085;font-size:9px}.edit-recharge-back{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e1ec;border-radius:8px;background:#fff;color:#475467;text-decoration:none;font-size:9px;font-weight:700;white-space:nowrap}.edit-recharge-card{padding:16px;background:#fff;border:1px solid #e7edf5;border-radius:12px;box-shadow:0 4px 15px #1018280d}.edit-recharge-success,.edit-recharge-error{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:9px 11px;border-radius:8px;font-size:10px;font-weight:650}.edit-recharge-success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.edit-recharge-error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.edit-recharge-success>span,.edit-recharge-error>span{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-weight:800}.edit-recharge-success>span{background:#d1fadf}.edit-recharge-error>span{background:#fee4e2}.edit-recharge-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.edit-recharge-field.full{grid-column:1 / -1}.edit-recharge-field label{display:block;margin-bottom:5px;color:#344054;font-size:9px;font-weight:700}.edit-recharge-field label span{color:#d92d20}.edit-recharge-field select,.edit-recharge-amount-wrap{width:100%;height:39px;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:8px;background:#fff;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.edit-recharge-field select{padding:0 10px;color:#344054;font-size:10px}.edit-recharge-field select:focus,.edit-recharge-amount-wrap:focus-within{border-color:#059669;box-shadow:0 0 0 3px #05966914}.edit-recharge-office-preview{grid-column:1 / -1;display:flex;align-items:center;gap:10px;padding:10px 11px;background:#f6fef9;border:1px solid #d1fadf;border-radius:9px}.edit-recharge-office-avatar{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,#059669,#047857);color:#fff;font-size:12px;font-weight:800}.edit-recharge-office-details{min-width:0}.edit-recharge-office-details>strong{display:block;margin-bottom:3px;color:#101828;font-size:11px;font-weight:750}.edit-recharge-office-details>div{display:flex;flex-wrap:wrap;gap:7px}.edit-recharge-office-details span,.edit-recharge-office-details b{color:#667085;font-size:8px;font-weight:650}.edit-recharge-office-details b{padding:2px 6px;border-radius:999px;background:#ecfdf3;color:#047857}.edit-recharge-amount-wrap{display:flex;align-items:center;overflow:hidden}.edit-recharge-amount-wrap>span{height:100%;padding:0 11px;display:flex;align-items:center;background:#f8fafc;border-right:1px solid #e4e7ec;color:#067647;font-size:12px;font-weight:800}.edit-recharge-amount-wrap input{min-width:0;flex:1;height:100%;padding:0 10px;border:none;outline:none;color:#101828;font-size:11px}.edit-recharge-quick{grid-column:1 / -1;padding:10px;background:#f8fafc;border:1px solid #e7edf5;border-radius:9px}.edit-recharge-quick>span{display:block;margin-bottom:7px;color:#667085;font-size:8px;font-weight:700;text-transform:uppercase}.edit-recharge-quick>div{display:flex;flex-wrap:wrap;gap:7px}.edit-recharge-quick button{min-width:58px;height:30px;padding:0 9px;border:1px solid #d1fadf;border-radius:7px;background:#ecfdf3;color:#047857;font-size:9px;font-weight:750;cursor:pointer}.edit-recharge-quick button:hover{background:#d1fadf}.edit-recharge-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.edit-recharge-cancel,.edit-recharge-save{min-width:110px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:10px;font-weight:700;text-decoration:none;cursor:pointer}.edit-recharge-cancel{border:1px solid #d0d5dd;background:#fff;color:#475467}.edit-recharge-save{border:1px solid #059669;background:linear-gradient(135deg,#059669,#047857);color:#fff;box-shadow:0 4px 10px #0596692e}.edit-recharge-save:disabled{opacity:.6;cursor:not-allowed}.edit-recharge-loading{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#667085;font-size:10px}.edit-recharge-spinner{width:27px;height:27px;border:3px solid #e4e7ec;border-top-color:#059669;border-radius:50%;animation:editRechargeSpin .75s linear infinite}@keyframes editRechargeSpin{to{transform:rotate(360deg)}}@media(max-width:640px){.edit-recharge-header{flex-direction:column;align-items:stretch}.edit-recharge-back{width:100%;box-sizing:border-box}.edit-recharge-form{grid-template-columns:1fr}.edit-recharge-field.full,.edit-recharge-office-preview,.edit-recharge-quick,.edit-recharge-actions{grid-column:auto}.edit-recharge-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.edit-recharge-cancel,.edit-recharge-save{min-width:0;width:100%}}@media(max-width:420px){.edit-recharge-card{padding:13px}.edit-recharge-actions{grid-template-columns:1fr}}.office-phone-profile-page{width:100%;max-width:1180px;margin:0 auto;color:#101828}.phone-profile-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:13px;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #e4eaf2;border-radius:13px;box-shadow:0 4px 14px #1018280b}.phone-profile-breadcrumb{display:block;margin-bottom:3px;color:#2563eb;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.5px}.phone-profile-topbar h2{margin:0;color:#101828;font-size:17px;font-weight:750}.phone-profile-topbar p{margin:3px 0 0;color:#667085;font-size:10px}.phone-profile-actions{display:flex;align-items:center;gap:8px}.phone-profile-back,.phone-profile-add-recharge{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;text-decoration:none;font-size:10px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease}.phone-profile-back{background:#fff;border:1px solid #d9e1ec;color:#475467}.phone-profile-back:hover{border-color:#98a2b3;color:#101828}.phone-profile-add-recharge{background:linear-gradient(135deg,#059669,#047857);color:#fff;border:1px solid transparent;box-shadow:0 5px 12px #05966933}.phone-profile-add-recharge:hover{transform:translateY(-1px);box-shadow:0 7px 16px #05966940}.phone-profile-add-recharge span{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff29;border-radius:5px;font-size:15px}.phone-profile-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px;margin-bottom:13px}.phone-profile-card{padding:16px;background:#fff;border:1px solid #e7edf5;border-radius:13px;box-shadow:0 4px 15px #1018280d}.phone-profile-identity{display:flex;align-items:center;gap:13px}.phone-profile-big-avatar{width:55px;height:55px;flex:0 0 55px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:21px;font-weight:800;box-shadow:0 7px 16px #2563eb38}.phone-profile-label{display:block;margin-bottom:2px;color:#98a2b3;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.45px}.phone-profile-identity h3{margin:0 0 5px;color:#101828;font-size:18px;font-weight:750;text-transform:capitalize}.phone-profile-divider{height:1px;margin:14px 0;background:#edf1f5}.phone-profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.phone-profile-detail{padding:10px 11px;border:1px solid #edf1f5;border-radius:9px;background:#fbfcfe}.phone-profile-detail span{display:block;margin-bottom:4px;color:#98a2b3;font-size:8px;font-weight:650;text-transform:uppercase;letter-spacing:.35px}.phone-profile-detail strong,.phone-profile-detail a{color:#344054;font-size:10px;font-weight:700;text-decoration:none}.phone-profile-detail a{color:#2563eb}.phone-profile-sim{display:inline-flex;align-items:center;justify-content:center;min-width:47px;padding:4px 8px;border-radius:20px;font-size:8px;font-weight:750;text-transform:uppercase}.phone-profile-sim-jio{background:#eef2ff;color:#4338ca}.phone-profile-sim-airtel{background:#fef2f2;color:#dc2626}.phone-profile-sim-vi{background:#fff7ed;color:#c2410c}.phone-profile-sim-bsnl{background:#ecfdf3;color:#047857}.phone-profile-sim-other{background:#f2f4f7;color:#475467}.phone-profile-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.phone-summary-card{min-height:86px;padding:11px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e7edf5;border-radius:11px;box-shadow:0 3px 10px #1018280a}.phone-summary-icon{width:31px;height:31px;flex:0 0 31px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:800}.phone-summary-icon.blue{background:#eff6ff;color:#2563eb}.phone-summary-icon.green{background:#ecfdf3;color:#067647}.phone-summary-icon.orange{background:#fff7ed;color:#c2410c}.phone-summary-icon.purple{background:#f5f3ff;color:#7c3aed}.phone-summary-card span{display:block;margin-bottom:3px;color:#98a2b3;font-size:7px;font-weight:650;text-transform:uppercase}.phone-summary-card strong{color:#101828;font-size:13px;font-weight:750}.phone-summary-card .phone-summary-date{display:block;font-size:8px;line-height:1.45}.phone-history-card{overflow:hidden;background:#fff;border:1px solid #e7edf5;border-radius:13px;box-shadow:0 4px 15px #1018280d}.phone-history-header{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f5}.phone-history-header h3{margin:0;color:#101828;font-size:14px;font-weight:750}.phone-history-header p{margin:2px 0 0;color:#667085;font-size:9px}.phone-history-count{padding:5px 9px;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;color:#1d4ed8;font-size:8px;font-weight:750}.phone-history-toolbar{padding:9px 15px;display:flex;align-items:center;justify-content:space-between;gap:9px;background:#fbfcfe;border-bottom:1px solid #edf1f5}.phone-history-search{width:100%;max-width:380px;position:relative}.phone-history-search>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#98a2b3}.phone-history-search input{width:100%;height:35px;box-sizing:border-box;padding:0 35px 0 33px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;outline:none;color:#101828;font-size:10px}.phone-history-search input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.phone-history-search button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:23px;height:23px;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;background:transparent;color:#667085;font-size:16px;cursor:pointer}.phone-history-search button:hover{background:#f2f4f7}.phone-refresh-btn{height:35px;padding:0 11px;border:1px solid #d9e1ec;border-radius:8px;background:#fff;color:#475467;font-size:9px;font-weight:700;cursor:pointer;white-space:nowrap}.phone-refresh-btn:hover{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.phone-history-table-wrap{width:100%;overflow-x:auto}.phone-history-table{width:100%;min-width:760px;border-collapse:collapse}.phone-history-table thead{background:#f8fafc}.phone-history-table th{padding:9px 12px;text-align:left;color:#667085;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e7edf5}.phone-history-table td{padding:9px 12px;color:#475467;font-size:9px;vertical-align:middle;border-bottom:1px solid #eef2f6}.phone-history-table tbody tr{transition:background .15s ease}.phone-history-table tbody tr:hover{background:#f8fbff}.phone-history-table tbody tr:last-child td{border-bottom:none}.phone-history-serial{width:23px;height:23px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#f2f4f7;color:#475467;font-size:8px;font-weight:700}.phone-history-id{color:#344054;font-size:9px}.phone-history-mobile{color:#2563eb;text-decoration:none;font-size:9px;font-weight:650}.phone-history-amount{color:#067647;font-size:10px;font-weight:750}.phone-history-date{color:#667085;font-size:8px;white-space:nowrap}.phone-history-result{padding:8px 13px;display:flex;justify-content:flex-end;gap:4px;color:#98a2b3;font-size:8px;background:#fbfcfe;border-top:1px solid #edf1f5}.phone-history-result strong{color:#475467}.phone-history-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.phone-history-empty>div{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border-radius:12px;background:#ecfdf3;color:#047857;font-size:17px;font-weight:750}.phone-history-empty h4{margin:0;color:#101828;font-size:12px}.phone-history-empty p{margin:4px 0 0;color:#667085;font-size:9px}.phone-history-mobile-list{display:none}.phone-profile-loading{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#667085;font-size:11px}.phone-profile-spinner{width:28px;height:28px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:profileSpin .75s linear infinite}@keyframes profileSpin{to{transform:rotate(360deg)}}.phone-profile-error-page{max-width:500px;margin:30px auto;padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e7edf5;border-radius:14px;box-shadow:0 5px 18px #1018280f}.phone-profile-error-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border-radius:13px;background:#fef3f2;color:#b42318;font-size:17px;font-weight:800}.phone-profile-error-page h3{margin:0;color:#101828;font-size:14px}.phone-profile-error-page p{margin:5px 0 15px;color:#667085;font-size:10px}.phone-profile-back-btn{min-height:35px;padding:0 12px;display:inline-flex;align-items:center;border-radius:8px;background:#2563eb;color:#fff;text-decoration:none;font-size:10px;font-weight:700}@media(max-width:900px){.phone-profile-main-grid{grid-template-columns:1fr}.phone-profile-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.phone-summary-card{min-height:72px}}@media(max-width:768px){.phone-profile-topbar{align-items:flex-start}.phone-profile-details{grid-template-columns:1fr}.phone-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-history-table-wrap{display:none}.phone-history-mobile-list{display:block;padding:9px}.phone-history-mobile-card{padding:10px;margin-bottom:8px;border:1px solid #e7edf5;border-radius:9px;background:#fff;box-shadow:0 2px 7px #1018280a}.phone-history-mobile-card:last-child{margin-bottom:0}.phone-history-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #edf1f5}.phone-history-mobile-head span{color:#475467;font-size:9px;font-weight:650}.phone-history-mobile-head strong{color:#067647;font-size:11px}.phone-history-mobile-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.phone-history-mobile-info>div{padding:7px 8px;border-radius:7px;background:#f8fafc}.phone-history-mobile-info>div.full{grid-column:1 / -1}.phone-history-mobile-info span{display:block;margin-bottom:3px;color:#98a2b3;font-size:7px;text-transform:uppercase}.phone-history-mobile-info a,.phone-history-mobile-info b{color:#344054;font-size:9px;font-weight:650;text-decoration:none}.phone-history-mobile-info a{color:#2563eb}}@media(max-width:560px){.phone-profile-topbar{flex-direction:column}.phone-profile-actions{width:100%}.phone-profile-back,.phone-profile-add-recharge{flex:1}.phone-profile-card{padding:13px}.phone-profile-big-avatar{width:47px;height:47px;flex-basis:47px;border-radius:12px;font-size:18px}.phone-profile-identity h3{font-size:15px}.phone-profile-summary{grid-template-columns:1fr 1fr}.phone-history-toolbar{align-items:stretch;flex-direction:column}.phone-history-search{max-width:none}.phone-refresh-btn{width:100%}}.edit-office-page{width:100%;max-width:760px;margin:0 auto}.edit-office-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:13px 15px;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #e4eaf2;border-radius:12px;box-shadow:0 4px 14px #1018280d}.edit-office-header-left{display:flex;align-items:center;gap:10px}.edit-office-header-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa;color:#c2410c;font-size:15px;font-weight:800}.edit-office-header-left>div:last-child>span{display:block;margin-bottom:2px;color:#2563eb;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.45px}.edit-office-header h2{margin:0;color:#101828;font-size:16px;font-weight:750}.edit-office-header p{margin:2px 0 0;color:#667085;font-size:9px}.edit-office-back{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e1ec;border-radius:8px;background:#fff;color:#475467;text-decoration:none;font-size:9px;font-weight:700;white-space:nowrap}.edit-office-back:hover{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.edit-office-card{padding:16px;background:#fff;border:1px solid #e7edf5;border-radius:12px;box-shadow:0 4px 15px #1018280d}.edit-office-success,.edit-office-error{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:9px 11px;border-radius:8px;font-size:10px;font-weight:650}.edit-office-success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.edit-office-error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.edit-office-success>span,.edit-office-error>span{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-weight:800}.edit-office-success>span{background:#d1fadf}.edit-office-error>span{background:#fee4e2}.edit-office-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.edit-office-field{min-width:0}.edit-office-field:nth-child(3){grid-column:1 / -1}.edit-office-field label{display:block;margin-bottom:5px;color:#344054;font-size:9px;font-weight:700}.edit-office-field label span{color:#d92d20}.edit-office-field>input,.edit-office-mobile-wrap{width:100%;height:38px;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:8px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.edit-office-field>input{padding:0 11px;outline:none;color:#101828;font-size:11px}.edit-office-field>input:focus,.edit-office-mobile-wrap:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.edit-office-field input::placeholder{color:#98a2b3}.edit-office-mobile-wrap{display:flex;align-items:center;overflow:hidden}.edit-office-mobile-wrap>span{height:100%;padding:0 10px;display:flex;align-items:center;background:#f8fafc;border-right:1px solid #e4e7ec;color:#667085;font-size:10px;font-weight:700}.edit-office-mobile-wrap input{min-width:0;flex:1;height:100%;padding:0 10px;border:none;outline:none;color:#101828;font-size:11px}.edit-office-field small{display:block;margin-top:4px;color:#98a2b3;font-size:8px}.edit-office-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;padding-top:3px}.edit-office-cancel,.edit-office-save{min-width:110px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer;text-decoration:none}.edit-office-cancel{border:1px solid #d0d5dd;background:#fff;color:#475467}.edit-office-save{border:1px solid #2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 10px #2563eb2e}.edit-office-save:disabled{opacity:.6;cursor:not-allowed}.edit-office-loading{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#667085;font-size:10px}.edit-office-spinner{width:27px;height:27px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:editOfficeSpin .75s linear infinite}@keyframes editOfficeSpin{to{transform:rotate(360deg)}}@media(max-width:640px){.edit-office-header{flex-direction:column;align-items:stretch}.edit-office-back{width:100%;box-sizing:border-box}.edit-office-form{grid-template-columns:1fr}.edit-office-field:nth-child(3){grid-column:auto}.edit-office-actions{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.edit-office-cancel,.edit-office-save{min-width:0;width:100%}}@media(max-width:420px){.edit-office-card{padding:13px}.edit-office-actions{grid-template-columns:1fr}}.office-phone-detail-page{width:100%;max-width:760px;margin:0 auto}.office-detail-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;padding:13px 15px;background:linear-gradient(135deg,#fff,#f8fbff);border:1px solid #e4eaf2;border-radius:12px;box-shadow:0 4px 14px #1018280d}.office-detail-header-left{display:flex;align-items:center;gap:10px}.office-detail-header-icon{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;color:#1d4ed8;font-size:15px}.office-detail-kicker{display:block;margin-bottom:2px;color:#2563eb;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.45px}.office-detail-header h2{margin:0;color:#101828;font-size:16px;font-weight:750}.office-detail-header p{margin:2px 0 0;color:#667085;font-size:9px}.office-detail-header-actions{display:flex;align-items:center;gap:7px}.office-detail-back-btn,.office-detail-edit-btn{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;text-decoration:none;font-size:9px;font-weight:700;white-space:nowrap}.office-detail-back-btn{border:1px solid #d9e1ec;background:#fff;color:#475467}.office-detail-back-btn:hover{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.office-detail-edit-btn{border:1px solid #fedf89;background:#fffaeb;color:#b54708}.office-detail-edit-btn:hover{background:#fef0c7}.office-detail-card{padding:16px;background:#fff;border:1px solid #e7edf5;border-radius:12px;box-shadow:0 4px 15px #1018280d}.office-detail-identity{display:flex;align-items:center;gap:11px}.office-detail-avatar{width:46px;height:46px;flex:0 0 46px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:17px;font-weight:800;box-shadow:0 6px 14px #2563eb33}.office-detail-identity>div:last-child>span{display:block;margin-bottom:2px;color:#98a2b3;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.office-detail-identity h3{margin:0;color:#101828;font-size:17px;font-weight:750;text-transform:capitalize}.office-detail-divider{height:1px;margin:14px 0;background:#edf1f5}.office-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.office-detail-item{min-width:0;padding:11px;display:flex;align-items:center;gap:9px;background:#fbfcfe;border:1px solid #e7edf5;border-radius:9px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.office-detail-item:hover{transform:translateY(-1px);border-color:#dbe4f0;box-shadow:0 3px 9px #1018280b}.office-detail-item-icon{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#2563eb;font-size:10px;font-weight:800}.office-detail-item>div:last-child{min-width:0}.office-detail-item span{display:block;margin-bottom:3px;color:#98a2b3;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.office-detail-item strong,.office-detail-item a{display:inline-flex;max-width:100%;color:#344054;font-size:10px;font-weight:700;text-decoration:none;word-break:break-word}.office-detail-item a{color:#2563eb}.office-detail-item strong.office-detail-sim{padding:4px 8px;border-radius:999px;font-size:8px;font-weight:750;text-transform:uppercase}.office-detail-sim-jio{background:#eef2ff;color:#4338ca!important}.office-detail-sim-airtel{background:#fef2f2;color:#dc2626!important}.office-detail-sim-vi{background:#fff7ed;color:#c2410c!important}.office-detail-sim-bsnl{background:#ecfdf3;color:#047857!important}.office-detail-sim-other{background:#f2f4f7;color:#475467!important}.office-detail-loading{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#667085;font-size:10px}.office-detail-spinner{width:27px;height:27px;border:3px solid #e4e7ec;border-top-color:#2563eb;border-radius:50%;animation:officeDetailSpin .75s linear infinite}@keyframes officeDetailSpin{to{transform:rotate(360deg)}}.office-detail-error-card{width:100%;max-width:460px;box-sizing:border-box;margin:30px auto;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #e7edf5;border-radius:13px;box-shadow:0 5px 17px #1018280f}.office-detail-error-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:9px;border-radius:11px;background:#fef3f2;color:#b42318;font-size:17px;font-weight:800}.office-detail-error-card h3{margin:0;color:#101828;font-size:13px}.office-detail-error-card p{margin:5px 0 14px;color:#667085;font-size:9px}.office-detail-error-back{min-height:34px;padding:0 11px;display:inline-flex;align-items:center;border-radius:8px;background:#2563eb;color:#fff;text-decoration:none;font-size:9px;font-weight:700}@media(max-width:640px){.office-detail-header{flex-direction:column;align-items:stretch}.office-detail-header-actions{width:100%}.office-detail-back-btn,.office-detail-edit-btn{flex:1}.office-detail-grid{grid-template-columns:1fr}}@media(max-width:420px){.office-detail-card{padding:13px}.office-detail-header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.view-bank-page{width:100%;max-width:1350px;margin:0 auto;padding:10px 18px 32px;box-sizing:border-box}.view-bank-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.view-bank-heading h2{margin:0;color:#101828;font-size:21px;line-height:1.3;font-weight:780;letter-spacing:-.3px}.view-bank-heading p{margin:4px 0 0;color:#667085;font-size:12px}.view-bank-refresh{height:36px;padding:0 15px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:.18s ease}.view-bank-refresh:hover:not(:disabled){border-color:#2563eb;color:#1d4ed8;background:#f8fbff}.view-bank-refresh:disabled{opacity:.6;cursor:not-allowed}.view-bank-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:15px}.view-bank-stat-card{position:relative;overflow:hidden;padding:14px 16px;min-height:88px;box-sizing:border-box;border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:0 3px 12px #1018280b}.view-bank-stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#2563eb}.view-bank-stat-card.filtered:before{background:#16a34a}.view-bank-stat-card.balance:before{background:#7c3aed}.view-bank-stat-card.balance strong{color:#7c3aed}.view-bank-stat-card span{display:block;margin-bottom:5px;color:#667085;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.view-bank-stat-card strong{display:block;color:#101828;font-size:20px;line-height:1.25;font-weight:800}.view-bank-stat-card small{display:block;margin-top:4px;color:#98a2b3;font-size:10px}.view-bank-card{overflow:hidden;border:1px solid #e4e7ec;border-radius:13px;background:#fff;box-shadow:0 4px 18px #1018280e}.view-bank-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:15px 17px;border-bottom:1px solid #eaecf0}.view-bank-toolbar h3{margin:0;color:#101828;font-size:15px;font-weight:760}.view-bank-toolbar p{margin:3px 0 0;color:#667085;font-size:10.5px}.view-bank-search-wrap{display:flex;align-items:center;gap:7px;width:min(100%,420px)}.view-bank-search-wrap input{flex:1;min-width:0;height:37px;box-sizing:border-box;padding:0 11px;border:1px solid #d0d5dd;border-radius:7px;outline:none;background:#fff;color:#101828;font-family:inherit;font-size:11.5px;transition:border-color .18s ease,box-shadow .18s ease}.view-bank-search-wrap input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.view-bank-search-wrap input::placeholder{color:#98a2b3}.view-bank-clear{height:37px;padding:0 13px;border:1px solid #d0d5dd;border-radius:7px;background:#f9fafb;color:#344054;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.view-bank-clear:hover{background:#f2f4f7}.view-bank-error{margin:13px 17px 0;padding:9px 11px;border:1px solid #fecdca;border-radius:7px;background:#fef3f2;color:#b42318;font-size:11.5px;font-weight:600}.view-bank-table-wrap{width:100%;overflow-x:auto}.view-bank-table{width:100%;min-width:1000px;border-collapse:collapse}.view-bank-table thead{background:#f8fafc}.view-bank-table th{padding:10px 13px;border-bottom:1px solid #e4e7ec;color:#475467;text-align:left;font-size:10px;line-height:1.3;font-weight:800;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}.view-bank-table td{padding:11px 13px;border-bottom:1px solid #f0f2f5;color:#344054;font-size:11.5px;vertical-align:middle}.view-bank-table tbody tr{transition:background .16s ease}.view-bank-table tbody tr:hover{background:#f9fbff}.view-bank-table tbody tr:last-child td{border-bottom:none}.view-bank-sr{width:45px;color:#98a2b3!important;font-weight:700}.view-bank-name{display:flex;align-items:center;gap:9px;min-width:180px}.view-bank-logo{width:31px;height:31px;min-width:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:13px;font-weight:800;box-shadow:0 4px 9px #2563eb2e}.view-bank-name>div{min-width:0}.view-bank-name strong{display:block;overflow:hidden;max-width:220px;color:#101828;font-size:11.8px;font-weight:750;white-space:nowrap;text-overflow:ellipsis}.view-bank-ledger-link{display:block;max-width:220px;padding:0;border:none;background:transparent;color:#101828;font-family:inherit;font-size:11.8px;font-weight:750;text-align:left;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:color .18s ease}.view-bank-ledger-link:hover{color:#2563eb;text-decoration:underline;text-underline-offset:3px}.view-bank-name small{display:block;margin-top:2px;color:#98a2b3;font-size:9.5px}.view-bank-holder{color:#344054;font-size:11.5px;font-weight:700}.view-bank-account-no{display:inline-block;padding:4px 7px;border:1px solid #e4e7ec;border-radius:6px;background:#f8fafc;color:#344054;font-family:monospace;font-size:11px;font-weight:700;letter-spacing:.04em}.view-bank-ifsc{display:inline-block;padding:4px 7px;border-radius:6px;background:#eff6ff;color:#1d4ed8;font-size:10.5px;font-weight:750}.view-bank-balance{color:#047857;font-size:11.5px;font-weight:800;white-space:nowrap}.view-bank-balance.negative{color:#dc2626}.view-bank-date{color:#667085;font-size:10.5px;white-space:nowrap}.view-bank-empty{padding:30px 15px!important;color:#667085!important;text-align:center!important;font-size:12px!important}.view-bank-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #eaecf0;background:#fcfcfd}.view-bank-pagination>span{color:#667085;font-size:10.5px}.view-bank-pagination>div{display:flex;align-items:center;gap:7px}.view-bank-pagination button{height:31px;padding:0 11px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#344054;font-family:inherit;font-size:10.5px;font-weight:700;cursor:pointer}.view-bank-pagination button:hover:not(:disabled){border-color:#2563eb;color:#1d4ed8}.view-bank-pagination button:disabled{opacity:.45;cursor:not-allowed}.view-bank-page-number{color:#475467;font-size:10.5px;font-weight:650}@media(max-width:900px){.view-bank-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.view-bank-page{padding:7px 11px 25px}.view-bank-heading{align-items:flex-start;flex-direction:column}.view-bank-refresh{width:100%}.view-bank-stats{grid-template-columns:1fr}.view-bank-toolbar{align-items:stretch;flex-direction:column}.view-bank-search-wrap{width:100%}.view-bank-pagination{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.view-bank-page{padding-left:7px;padding-right:7px}.view-bank-heading h2{font-size:18px}.view-bank-stats{grid-template-columns:1fr}.view-bank-card{border-radius:10px}.view-bank-toolbar{padding:13px}.view-bank-pagination>div{width:100%;justify-content:space-between}}.staff-att-page{width:100%;max-width:1250px;margin:0 auto;padding:8px 18px 35px;box-sizing:border-box}.staff-att-top-card,.staff-att-table-card,.staff-att-history-card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;box-shadow:0 1px 3px #1018280a,0 8px 24px #1018280d}.staff-att-top-card{padding:18px 20px}.staff-att-heading{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #edf0f3}.staff-att-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:18px;font-weight:800;box-shadow:0 6px 14px #2563eb38}.staff-att-heading h2{margin:0;color:#101828;font-size:18px;line-height:1.3;font-weight:760}.staff-att-heading p{margin:3px 0 0;color:#667085;font-size:11.5px}.staff-att-toolbar{display:grid;grid-template-columns:190px minmax(240px,1fr) auto;align-items:end;gap:12px;margin-top:15px}.staff-att-date-box,.staff-att-search-box{min-width:0}.staff-att-date-box label,.staff-att-search-box label{display:block;margin-bottom:5px;color:#344054;font-size:11.5px;font-weight:650}.staff-att-date-box input,.staff-att-search-box input{width:100%;height:38px;box-sizing:border-box;padding:0 10px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#101828;outline:none;font:inherit;font-size:12px;transition:.18s ease}.staff-att-date-box input:focus,.staff-att-search-box input:focus,.staff-att-time:focus,.staff-att-note:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.staff-att-toolbar-actions{display:flex;gap:7px}.staff-att-quick-btn,.staff-att-clear-btn,.staff-att-save-btn{height:38px;border-radius:7px;padding:0 14px;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:.18s ease}.staff-att-quick-btn{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.staff-att-quick-btn:hover:not(:disabled){background:#dcfce7}.staff-att-clear-btn{border:1px solid #d0d5dd;background:#fff;color:#344054}.staff-att-clear-btn:hover:not(:disabled){background:#f8fafc}.staff-att-save-btn{min-width:135px;border:1px solid #2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 10px #2563eb2e}.staff-att-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #2563eb38}.staff-att-quick-btn:disabled,.staff-att-clear-btn:disabled,.staff-att-save-btn:disabled{opacity:.55;cursor:not-allowed}.staff-att-alert{display:flex;align-items:center;gap:8px;margin-top:12px;padding:9px 11px;border-radius:8px;font-size:12px;font-weight:600}.staff-att-alert span{width:19px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:10px;font-weight:800}.staff-att-alert.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.staff-att-alert.success span{background:#16a34a}.staff-att-alert.error{color:#b42318;background:#fff4f3;border:1px solid #fecdca}.staff-att-alert.error span{background:#d92d20}.staff-att-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:13px 0}.staff-att-stat{position:relative;min-width:0;padding:12px 14px;background:#fff;border:1px solid #e4e7ec;border-radius:10px;overflow:hidden}.staff-att-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#98a2b3}.staff-att-stat span{display:block;color:#667085;font-size:10.5px;font-weight:650;white-space:nowrap}.staff-att-stat strong{display:block;margin-top:3px;color:#101828;font-size:20px;line-height:1.2;font-weight:800}.staff-att-stat.total:before{background:#2563eb}.staff-att-stat.present:before{background:#16a34a}.staff-att-stat.absent:before{background:#dc2626}.staff-att-stat.half:before{background:#d97706}.staff-att-stat.leave:before{background:#7c3aed}.staff-att-stat.pending:before{background:#64748b}.staff-att-table-card,.staff-att-history-card{overflow:hidden}.staff-att-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #edf0f3}.staff-att-card-head h3{margin:0;color:#101828;font-size:14px;font-weight:750}.staff-att-card-head p{margin:2px 0 0;color:#667085;font-size:10.5px}.staff-att-table-wrap{width:100%;overflow-x:auto}.staff-att-table{width:100%;min-width:1000px;border-collapse:collapse}.staff-att-table th{padding:9px 10px;background:#f8fafc;border-bottom:1px solid #e4e7ec;color:#475467;text-align:left;font-size:10px;font-weight:750;letter-spacing:.03em;text-transform:uppercase}.staff-att-table td{padding:9px 10px;border-bottom:1px solid #f0f2f5;color:#344054;font-size:11.5px;vertical-align:middle}.staff-att-table tbody tr:hover{background:#fbfdff}.staff-att-table tbody tr:last-child td{border-bottom:none}.staff-att-index{width:35px;color:#98a2b3!important;font-size:10.5px!important}.staff-att-person{display:flex;align-items:center;gap:8px;min-width:180px}.staff-att-avatar{width:31px;height:31px;min-width:31px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800}.staff-att-person>div:last-child{min-width:0}.staff-att-person strong{display:block;max-width:210px;overflow:hidden;color:#101828;font-size:11.5px;white-space:nowrap;text-overflow:ellipsis}.staff-att-person span{display:block;max-width:210px;margin-top:1px;overflow:hidden;color:#98a2b3;font-size:9.5px;white-space:nowrap;text-overflow:ellipsis}.staff-att-status-group{display:flex;gap:4px;min-width:250px}.staff-att-status{height:30px;display:inline-flex;align-items:center;gap:4px;padding:0 7px;border:1px solid #e4e7ec;border-radius:6px;background:#fff;color:#667085;font:inherit;font-size:9.5px;cursor:pointer;transition:.15s ease}.staff-att-status b{font-size:9px}.staff-att-status:hover{background:#f8fafc}.staff-att-status.active.present{border-color:#86efac;background:#f0fdf4;color:#166534}.staff-att-status.active.absent{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}.staff-att-status.active.half_day{border-color:#fcd34d;background:#fffbeb;color:#92400e}.staff-att-status.active.leave{border-color:#c4b5fd;background:#f5f3ff;color:#6d28d9}.staff-att-time,.staff-att-note{height:32px;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#344054;outline:none;font:inherit;font-size:10.5px;transition:.18s ease}.staff-att-time{width:100px;padding:0 6px}.staff-att-note{width:165px;padding:0 8px}.staff-att-time:disabled{background:#f2f4f7;color:#98a2b3;cursor:not-allowed}.staff-att-empty{padding:28px 10px!important;color:#667085!important;text-align:center!important}.staff-att-history-card{margin-top:14px}.staff-att-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;padding:2px 16px 10px}.staff-att-history-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f5}.staff-att-history-main{min-width:0}.staff-att-history-main strong{display:block;overflow:hidden;color:#101828;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.staff-att-history-main span{display:block;margin-top:2px;color:#98a2b3;font-size:9.5px}.staff-att-history-meta{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.staff-att-history-status{padding:2px 6px;border-radius:20px;background:#f2f4f7;color:#475467;font-size:9px;font-weight:700}.staff-att-history-status.present{background:#dcfce7;color:#166534}.staff-att-history-status.absent{background:#fee2e2;color:#b91c1c}.staff-att-history-status.half_day{background:#fef3c7;color:#92400e}.staff-att-history-status.leave{background:#ede9fe;color:#6d28d9}.staff-att-history-meta small{color:#98a2b3;font-size:9px}.staff-att-history-empty{grid-column:1 / -1;padding:25px 0;color:#667085;text-align:center;font-size:11.5px}@media(max-width:1050px){.staff-att-toolbar{grid-template-columns:180px 1fr}.staff-att-toolbar-actions{grid-column:1 / -1}.staff-att-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.staff-att-page{padding:5px 10px 25px}.staff-att-top-card{padding:15px}.staff-att-toolbar{grid-template-columns:1fr}.staff-att-toolbar-actions{grid-column:auto}.staff-att-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-att-history-list{grid-template-columns:1fr}.staff-att-card-head{align-items:flex-start;flex-direction:column}.staff-att-save-btn{width:100%}}@media(max-width:480px){.staff-att-page{padding-left:7px;padding-right:7px}.staff-att-heading h2{font-size:16px}.staff-att-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.staff-att-quick-btn,.staff-att-clear-btn{width:100%;padding:0 8px}}.head-list-page{width:100%;padding:20px;box-sizing:border-box}.head-list-card{width:100%;max-width:900px;margin:0 auto;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-sizing:border-box;box-shadow:0 10px 30px #0f172a0f}.head-list-header{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid #e5e7eb}.head-list-header-icon{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#eff6ff;color:#2563eb;font-size:20px;font-weight:800}.head-list-header-text{min-width:0}.head-list-header h2{margin:0;font-size:22px;line-height:1.3;font-weight:750;color:#111827}.head-list-header p{margin:4px 0 0;font-size:13px;line-height:1.5;color:#64748b}.head-list-form{width:100%;display:flex;align-items:flex-end;gap:14px;margin-bottom:20px}.head-list-field{flex:1;min-width:0}.head-list-field label{display:block;margin-bottom:7px;font-size:13px;font-weight:650;color:#1f2937}.head-list-field label span{margin-left:3px;color:#ef4444}.head-list-input-wrap{position:relative;width:100%}.head-list-input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f1f5f9;color:#475569;font-size:13px;font-weight:700;pointer-events:none}.head-list-input{width:100%;height:46px;padding:0 14px 0 52px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#111827;font-size:14px;font-weight:500;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.head-list-input::placeholder{color:#94a3b8}.head-list-input:hover{border-color:#94a3b8}.head-list-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.head-list-btn{min-width:150px;height:46px;padding:0 20px;border:none;border-radius:10px;background:#2563eb;color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 14px #2563eb2e;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.head-list-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #2563eb3d}.head-list-btn:active{transform:translateY(0)}.head-list-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.head-list-message{width:100%;display:flex;align-items:center;gap:10px;padding:11px 14px;margin-bottom:16px;box-sizing:border-box;border-radius:10px;font-size:13px;font-weight:550}.head-list-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.head-list-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.head-list-section{width:100%;margin-top:25px}.head-list-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.head-list-section h3{margin:0;font-size:17px;font-weight:750;color:#111827}.head-list-count{min-width:30px;height:30px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:750}.head-list-items{width:100%;display:flex;flex-direction:column;gap:9px}.head-list-item{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:background .2s ease,border-color .2s ease,transform .2s ease}.head-list-item:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-1px)}.head-list-item-left{display:flex;align-items:center;gap:11px;min-width:0}.head-list-item-number{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#e0e7ff;color:#3730a3;font-size:12px;font-weight:750}.head-list-item-name{min-width:0;color:#1f2937;font-size:14px;font-weight:650;word-break:break-word}.head-list-item-date{flex-shrink:0;color:#64748b;font-size:11px;font-weight:500}.head-list-empty{width:100%;padding:32px 18px;text-align:center;box-sizing:border-box;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b}.head-list-empty-icon{width:44px;height:44px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e2e8f0;color:#475569;font-size:18px;font-weight:800}.head-list-empty h4{margin:0 0 5px;color:#334155;font-size:15px;font-weight:700}.head-list-empty p{margin:0;color:#64748b;font-size:12px;line-height:1.5}.head-list-loading{width:100%;padding:30px 15px;display:flex;align-items:center;justify-content:center;gap:10px;color:#64748b;font-size:13px}.head-list-spinner{width:20px;height:20px;border:2px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:headListSpin .7s linear infinite}@keyframes headListSpin{to{transform:rotate(360deg)}}.head-list-card.expense .head-list-header-icon{background:#fff7ed;color:#ea580c}.head-list-card.expense .head-list-btn{background:#ea580c;box-shadow:0 6px 14px #ea580c2e}.head-list-card.expense .head-list-btn:hover{box-shadow:0 8px 18px #ea580c3d}.head-list-card.expense .head-list-input:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1a}.head-list-card.income .head-list-header-icon{background:#ecfdf5;color:#059669}.head-list-card.income .head-list-btn{background:#059669;box-shadow:0 6px 14px #0596692e}.head-list-card.income .head-list-btn:hover{box-shadow:0 8px 18px #0596693d}.head-list-card.income .head-list-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}@media(max-width:900px){.head-list-card{max-width:100%}}@media(max-width:768px){.head-list-page{padding:12px}.head-list-card{padding:16px;border-radius:13px}.head-list-header{align-items:flex-start;gap:11px;margin-bottom:18px}.head-list-header-icon{width:40px;height:40px;border-radius:10px;font-size:17px}.head-list-header h2{font-size:19px}.head-list-header p{font-size:12px}.head-list-form{flex-direction:column;align-items:stretch;gap:11px}.head-list-btn{width:100%;min-width:0}.head-list-section-header{align-items:center}.head-list-item{align-items:flex-start}.head-list-item-date{margin-top:5px}}@media(max-width:480px){.head-list-page{padding:8px}.head-list-card{padding:13px}.head-list-input,.head-list-btn{height:44px}.head-list-item{padding:10px}.head-list-item-left{gap:8px}.head-list-item-number{width:27px;height:27px;font-size:11px}.head-list-item-name{font-size:13px}.head-list-item-date{font-size:10px}}.journal-entry-page{width:100%;padding:22px;box-sizing:border-box}.journal-entry-card{width:100%;max-width:900px;margin:0 auto;padding:22px;box-sizing:border-box;background:#fff;border:1px solid #e4e7ec;border-radius:15px;box-shadow:0 8px 25px #1018280f}.journal-entry-header{display:flex;align-items:center;gap:12px;padding-bottom:17px;margin-bottom:20px;border-bottom:1px solid #e4e7ec}.journal-entry-header-icon{width:43px;height:43px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#eef2ff;color:#4338ca;font-size:17px;font-weight:800}.journal-entry-header h2{margin:0;color:#101828;font-size:21px;font-weight:780}.journal-entry-header p{margin:4px 0 0;color:#667085;font-size:12px}.journal-entry-message{margin-bottom:15px;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:650}.journal-entry-message.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647}.journal-entry-message.error{background:#fef3f2;border:1px solid #fecdca;color:#b42318}.journal-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.journal-entry-field{width:100%}.journal-entry-field label{display:block;margin-bottom:7px;color:#344054;font-size:12px;font-weight:700}.journal-entry-field label span{margin-left:3px;color:#ef4444}.journal-entry-field input,.journal-entry-field select,.journal-entry-field textarea{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#101828;font-family:inherit;font-size:12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.journal-entry-field input,.journal-entry-field select{height:42px;padding:0 11px}.journal-entry-field textarea{min-height:105px;padding:11px;resize:vertical}.journal-entry-field input:focus,.journal-entry-field select:focus,.journal-entry-field textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.journal-entry-field select:disabled{opacity:.65;cursor:not-allowed}.journal-entry-field small{display:block;margin-top:5px;color:#98a2b3;font-size:10px}.journal-entry-note{position:relative;margin-top:18px}.journal-entry-character-count{text-align:right}.journal-entry-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #eaecf0}.journal-entry-actions button{height:39px;padding:0 17px;border-radius:8px;font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer;transition:.18s ease}.journal-entry-clear{border:1px solid #d0d5dd;background:#fff;color:#344054}.journal-entry-clear:hover{background:#f9fafb}.journal-entry-save{border:1px solid #4f46e5;background:#4f46e5;color:#fff;box-shadow:0 5px 12px #4f46e52b}.journal-entry-save:hover:not(:disabled){background:#4338ca}.journal-entry-actions button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:768px){.journal-entry-page{padding:12px}.journal-entry-card{padding:16px}.journal-entry-grid{grid-template-columns:1fr}.journal-entry-grid>div:empty{display:none}.journal-entry-actions{flex-direction:column-reverse}.journal-entry-actions button{width:100%}}.it-page{display:flex;flex-direction:column;gap:18px}.it-card{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:18px}.it-card.overdue-card{border-color:#fda29b}.it-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}.it-card-head h2,.it-card-head h3{margin:0 0 4px;color:#101828}.it-card-head p{margin:0;color:#667085}.it-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.it-summary-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.it-summary-card{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:15px}.it-summary-card span{display:block;color:#667085;font-size:12px;margin-bottom:8px}.it-summary-card strong{font-size:25px;color:#101828}.it-summary-card.danger strong{color:#b42318}.it-alert{padding:11px 13px;border-radius:10px}.it-alert.error{background:#fff1f0;color:#b42318;border:1px solid #fecdca}.it-alert.success{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.it-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.it-toolbar input,.it-toolbar select,.it-field input,.it-field select,.it-field textarea,.it-reply-form textarea{width:100%;border:1px solid #d0d5dd;border-radius:9px;padding:10px 11px;font:inherit;box-sizing:border-box;background:#fff}.it-toolbar input{flex:1 1 340px}.it-toolbar select{flex:0 1 260px}.it-toolbar button,.it-actions button,.it-reply-form button,.it-member{border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:8px 11px;cursor:pointer;font-weight:650}.it-actions{display:flex;gap:7px;flex-wrap:wrap}.it-actions .primary,.it-reply-form button{background:#101828;border-color:#101828;color:#fff}.it-actions .danger{color:#b42318;border-color:#fda29b;background:#fff5f4}.it-table-wrap{overflow-x:auto}.it-table{width:100%;border-collapse:collapse}.it-table th,.it-table td{border-bottom:1px solid #eaecf0;padding:11px 10px;text-align:left;vertical-align:top;font-size:13px}.it-table th{background:#f9fafb;color:#475467}.it-table small{display:block;color:#667085;margin-top:3px}.it-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.it-field{display:flex;flex-direction:column;gap:6px}.it-field.full,.it-actions.full{grid-column:1/-1}.it-field label{font-size:13px;font-weight:700;color:#344054}.it-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.it-member-list{display:flex;flex-direction:column;gap:7px}.it-member{text-align:left;display:flex;justify-content:space-between;gap:10px}.it-member small{color:#667085}.it-status{border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800}.it-status.open{background:#fffaeb;color:#b54708}.it-status.replied{background:#eef4ff;color:#3538cd}.it-status.closed{background:#ecfdf3;color:#027a48}.it-status.overdue{background:#fff1f0;color:#b42318}.it-replies{border-top:1px solid #eaecf0;margin-top:14px;padding-top:14px}.it-reply{border-left:3px solid #d0d5dd;padding-left:10px;margin-bottom:10px}.it-reply p{margin:5px 0}.it-reply small{color:#667085}.it-reply-form{display:flex;gap:8px;align-items:flex-end}.it-reply-form textarea{flex:1}.it-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.it-permission-item{border:1px solid #e4e7ec;border-radius:10px;padding:11px;display:flex;align-items:center;gap:8px}.it-empty{padding:16px;text-align:center;color:#667085}@media(max-width:1100px){.it-summary-grid,.it-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.it-form-grid,.it-group-grid,.it-summary-grid,.it-summary-grid.three,.it-permission-grid{grid-template-columns:1fr}.it-field.full,.it-actions.full{grid-column:auto}.it-reply-form,.it-member{flex-direction:column;align-items:stretch}}@media print{.sidebar,.page-heading,.it-toolbar,.it-actions{display:none!important}.main{margin:0!important;width:100%!important}.it-card{border:none!important;box-shadow:none!important}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:#172033;background:#f5f7fb}button,input,select,textarea{font:inherit}a{color:inherit}.topbar{height:68px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5e7eb}.topbar b{color:#173f73;font-size:22px}.topbar nav{display:flex;gap:20px}.topbar a{text-decoration:none}.hero{min-height:560px;padding:70px 6%;display:flex;align-items:center;background:linear-gradient(135deg,#f5faff,#fff)}.hero>div{width:min(1050px,100%);margin:auto}.tag{color:#2563eb;font-size:12px;font-weight:800;text-transform:uppercase}.hero h1{margin:10px 0;color:#12355f;font-size:64px}.hero p{color:#64748b;font-size:18px}.login-grid,.cards,.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.login-grid a,.cards>div,.module-card{padding:22px;border:1px solid #dfe7f0;border-radius:14px;background:#fff;text-decoration:none;box-shadow:0 8px 24px #14325a0f}.login-grid a{display:grid;gap:7px}.login-grid small{color:#64748b}.section{padding:60px 6%}.alt{background:#eef5fc}.login-page,.user-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-box,.user-box{width:min(430px,100%);padding:30px;border:1px solid #dfe7f0;border-radius:16px;background:#fff;box-shadow:0 18px 50px #14325a1a}.login-box{display:grid;gap:14px}.login-box label{display:grid;gap:6px;font-size:13px;font-weight:700}.login-box input,.panel select{height:42px;padding:0 11px;border:1px solid #cbd5e1;border-radius:8px}.login-box button,.user-box button{height:43px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-weight:800;cursor:pointer}.error{padding:10px;border-radius:8px;background:#fee2e2;color:#b91c1c}.shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr);background:#f5f7fb}.sidebar{min-height:100vh;padding:16px 13px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(180deg,#12375f,#0d294a 55%,#0a223e);color:#fff;border-right:1px solid rgba(255,255,255,.05);box-shadow:4px 0 18px #0f172a14}.sidebar-brand{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 5px 14px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.09)}.brand-logo{width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;font-size:12px;font-weight:800;letter-spacing:.4px;box-shadow:0 5px 16px #2563eb4d}.brand-text{min-width:0}.sidebar-brand h2{margin:0;color:#fff;font-size:15.5px;font-weight:750;line-height:1.2;letter-spacing:-.15px}.sidebar-brand span{display:block;margin-top:3px;color:#ffffff78;font-size:8px;font-weight:700;letter-spacing:.65px;text-transform:uppercase}.who{display:flex;align-items:center;gap:9px;padding:9px;margin-bottom:16px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#ffffff0b}.who-avatar{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:8px;background:#60a5fa26;color:#bfdbfe;font-size:11px;font-weight:800}.who-info{min-width:0;display:flex;flex-direction:column;gap:3px}.who-info b{display:block;max-width:145px;overflow:hidden;color:#f8fafc;font-size:10px;font-weight:650;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.who-info span{width:fit-content;padding:2px 6px;border-radius:20px;background:#3b82f629;color:#93c5fd;font-size:7.5px;font-weight:800;letter-spacing:.5px}.sidebar-menu{display:flex;flex-direction:column;gap:3px}.menu-label{padding:0 9px;margin:0 0 5px;color:#ffffff57;font-size:7.5px;font-weight:800;letter-spacing:.95px}.menu-space{margin-top:15px}.sidebar-link{min-height:37px;display:flex;align-items:center;gap:9px;position:relative;padding:0 9px;border-radius:7px;color:#ffffffb0;font-size:10.5px;font-weight:600;text-decoration:none;transition:background .16s ease,color .16s ease,transform .14s ease}.sidebar-link:hover{background:#fff1;color:#fff;transform:translate(2px)}.menu-icon{width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;border-radius:6px;background:#ffffff0e;color:#ffffffb8;font-size:11px;font-weight:700;transition:background .16s ease,color .16s ease}.menu-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-link.active{background:linear-gradient(90deg,#3b82f640,#3b82f61a);color:#fff}.sidebar-link.active:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:0 5px 5px 0;background:#60a5fa}.sidebar-link.active .menu-icon{background:#60a5fa2b;color:#bfdbfe}.sidebar-group-btn{width:100%;min-height:39px;display:flex;align-items:center;gap:9px;position:relative;padding:0 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#ffffffba;font-size:10.5px;font-weight:700;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease,transform .14s ease,border-color .16s ease}.sidebar-group-btn:hover{background:#ffffff12;color:#fff;transform:translate(2px)}.sidebar-group-btn.active{background:linear-gradient(90deg,#3b82f638,#3b82f614);border-color:#60a5fa1f;color:#fff}.sidebar-group-btn.active:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:0 5px 5px 0;background:#60a5fa}.sidebar-group-btn .menu-text{flex:1}.group-icon.add{background:#22c55e1f;color:#86efac}.group-icon.view{background:#3b82f624;color:#93c5fd}.group-arrow{width:18px;height:18px;display:grid;place-items:center;color:#ffffff7a;font-size:10px;transition:transform .2s ease,color .2s ease}.group-arrow.open{transform:rotate(180deg);color:#bfdbfe}.sidebar-submenu{display:flex;flex-direction:column;gap:3px;position:relative;margin:2px 0 7px 13px;padding:4px 0 4px 10px;border-left:1px solid rgba(148,163,184,.24);animation:sidebarSubmenuOpen .18s ease}@keyframes sidebarSubmenuOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar-sub-link{min-height:34px;display:flex;align-items:center;gap:8px;position:relative;padding:0 8px;border-radius:7px;color:#ffffff9e;font-size:9.8px;font-weight:600;text-decoration:none;transition:background .16s ease,color .16s ease,transform .14s ease}.sidebar-sub-link:hover{background:#ffffff0e;color:#fff;transform:translate(2px)}.sidebar-sub-link.active{background:#3b82f621;color:#fff}.sidebar-sub-link.active:before{content:"";position:absolute;left:-11px;width:3px;height:17px;border-radius:4px;background:#60a5fa}.submenu-dot{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:6px;background:#ffffff0e;color:#ffffffb3;font-size:9px;font-weight:800}.submenu-dot.call{background:#3b82f61c;color:#93c5fd}.submenu-dot.whatsapp{background:#22c55e1f;color:#86efac}.submenu-dot.view{background:#a855f71a;color:#c4b5fd}@media(max-width:800px){.sidebar-group-btn{min-height:36px}.sidebar-submenu{grid-column:1 / -1;margin:0 0 5px 8px}}@media(max-width:480px){.sidebar-submenu{margin-left:5px}}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.075)}.logout-btn{width:100%;height:37px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:#ffffff06;color:#ffffffb3;font-size:10px;font-weight:700;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.logout-btn:hover{border-color:#f8717140;background:#ef444414;color:#fecaca}.logout-icon{font-size:12px}.main{min-width:0;padding:18px 22px 30px;background:#f5f7fb}.page-heading{min-height:51px;display:flex;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e8edf3}.page-heading h1{margin:0;color:#173f73;font-size:20px;font-weight:750;line-height:1.25;letter-spacing:-.25px}.page-heading p{margin:4px 0 0;color:#8a96a6;font-size:9.5px;font-weight:500}.page-content{width:100%}.notice,.panel,.permission{padding:15px;margin-bottom:12px;border:1px solid #dfe7f0;border-radius:10px;background:#fff}.notice{background:#eef7ff;color:#2563eb}.module-card{display:flex;gap:12px}.module-card h3{margin:0 0 5px}.module-card p{margin:0;color:#64748b}.permission{display:flex;align-items:center;justify-content:space-between}.permission>div{display:grid}.permission small{color:#64748b}.user-box{width:min(800px,100%)}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{border-radius:5px;background:#ffffff21}@media(max-width:800px){.login-grid,.cards,.module-grid{grid-template-columns:1fr}.hero h1{font-size:44px}.shell{grid-template-columns:1fr}.sidebar{min-height:auto;height:auto;position:relative;padding:12px;box-shadow:none}.sidebar-brand{margin-bottom:9px;padding-bottom:10px}.who{margin-bottom:11px}.sidebar-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.menu-label{grid-column:1 / -1;margin-top:6px}.menu-space{margin-top:10px}.sidebar-link{min-height:36px}.sidebar-footer{margin-top:12px}.main{padding:16px 13px 25px}.page-heading{margin-bottom:13px}}@media(max-width:480px){.sidebar-menu{grid-template-columns:1fr}.hero h1{font-size:36px}}