.add-technicians-box,.customer-form-box,.management-form-box{background:#f8faffe6;border:1px solid rgba(76,110,245,.12);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:18px}:is(html.dark-mode,body.dark-mode) .add-technicians-box,:is(html.dark-mode,body.dark-mode) .customer-form-box,:is(html.dark-mode,body.dark-mode) .management-form-box{background:#18213beb;border:1px solid rgba(59,130,246,.18);box-shadow:0 12px 28px #03081a8c}.management-form-header h4{margin:0;font-weight:700;color:#1d2b56;font-size:1.15rem}:is(html.dark-mode,body.dark-mode) .management-form-header h4{color:var(--clr-text)}.management-form-hint{margin:6px 0 0;color:var(--clr-muted);font-size:.9rem}:is(html.dark-mode,body.dark-mode) .management-form-hint{color:#94a3b8d9}.management-form-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#4c6ef529,#4c6ef50d);font-size:1.6rem}:is(html.dark-mode,body.dark-mode) .management-form-icon{background:linear-gradient(135deg,#4c6ef552,#2563eb1f);color:#f8fafc}.management-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 20px}.management-form-grid .form-field{display:flex;flex-direction:column;gap:6px}.management-form-grid .form-field-notes{grid-column:1 / -1}.management-form .form-label{font-weight:600;color:#1f2d52}:is(html.dark-mode,body.dark-mode) .management-form .form-label{color:var(--clr-text)}.management-form .form-control,.management-form .form-select{border-radius:12px;border:1px solid rgba(76,110,245,.18);box-shadow:none}.management-form .form-control:focus,.management-form .form-select:focus{border-color:#4c6ef580;box-shadow:0 0 0 .15rem #4c6ef526}.management-form .btn-primary{min-width:160px}.management-form-actions{display:flex;justify-content:center;gap:12px;margin-top:12px}.management-form-actions .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border-radius:999px;padding:.62rem 1.9rem;font-weight:700;font-size:1rem;line-height:1.1;letter-spacing:.01em;min-width:200px;background:linear-gradient(135deg,#4c6ef5fa,#3b82f6e6);border:1px solid rgba(76,110,245,.55);color:#f8fafc;box-shadow:0 18px 32px #4c6ef552,inset 0 1px #ffffff29;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.management-form-actions .btn-primary:hover,.management-form-actions .btn-primary:focus-visible{background:linear-gradient(135deg,#3866e6,#1e40affa);border-color:#3b5bdca6;transform:translateY(-1px) scale(1.01);box-shadow:0 20px 36px #3866e659}.management-form-actions .btn-primary:active{transform:translateY(0) scale(.99);background:linear-gradient(135deg,#3154d2fa,#1e40afeb);box-shadow:0 12px 20px #3154d24d}.management-form-actions .btn-outline{border-radius:999px}:is(html.dark-mode,body.dark-mode) .management-form-actions .btn-primary{background:linear-gradient(135deg,#3b82f6f2,#0ea5e9d9);border:1px solid rgba(96,165,250,.55);color:#f1f5f9fa;box-shadow:0 22px 42px #080f2399,inset 0 1px #94a3b82e}:is(html.dark-mode,body.dark-mode) .management-form-actions .btn-primary:hover,:is(html.dark-mode,body.dark-mode) .management-form-actions .btn-primary:focus-visible{background:linear-gradient(135deg,#38bdf8fa,#2563ebf5);border-color:#60a5fab3;box-shadow:0 26px 48px #070e20b3}:is(html.dark-mode,body.dark-mode) .management-form-actions .btn-primary:active{background:linear-gradient(135deg,#2563ebf2,#1e40afeb);box-shadow:0 16px 28px #060c1c99}@media (max-width: 768px){.add-technicians-box,.customer-form-box,.management-form-box{padding:16px;border-radius:16px;gap:16px}.management-form-header{flex-direction:row;align-items:center;gap:12px}.management-form-header-text{text-align:start;align-items:flex-start}.management-form-grid{grid-template-columns:minmax(0,1fr)}.management-form-grid .form-field{min-width:0}.management-form .btn-primary{width:100%}.management-form-actions,.management-search-bar{flex-direction:column;align-items:stretch}.management-search-bar .form-control{max-width:100%;width:100%}.suggestions-list{max-height:200px}}.suggestions-list{position:absolute;inset-inline-start:0;inset-inline-end:0;top:calc(100% + 6px);z-index:30;background:#fff;border:1px solid rgba(76,110,245,.18);border-radius:12px;box-shadow:0 18px 45px #0f172a1f;max-height:240px;overflow-y:auto;padding:6px 0;display:none}.suggestion-item{padding:10px 16px;cursor:pointer;color:#0f172a;font-weight:500;transition:background-color .15s ease-in-out,color .15s ease-in-out}.suggestion-item__primary{display:block}.suggestion-item__meta{margin-top:4px;font-size:.8rem;color:#475569d9}.suggestion-item:hover,.suggestion-item:focus{background:#4c6ef514;color:#1d2b56}:is(html.dark-mode,body.dark-mode) .suggestions-list{background:#0f172af2;border-color:#3b82f647;box-shadow:0 18px 45px #020617bf}:is(html.dark-mode,body.dark-mode) .suggestion-item{color:#e2e8f0eb}:is(html.dark-mode,body.dark-mode) .suggestion-item__meta{color:#94a3b8cc}:is(html.dark-mode,body.dark-mode) .suggestion-item:hover,:is(html.dark-mode,body.dark-mode) .suggestion-item:focus{background:#3b82f638;color:#e2e8f0}.equipment-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.equipment-form-actions .btn{min-width:190px}.management-search-bar{display:flex;flex-wrap:wrap;gap:12px}.management-search-bar .form-control{max-width:240px;width:240px!important;flex:0 0 240px;border-radius:999px;padding:10px 18px;border:1px solid rgba(76,110,245,.22);box-shadow:none}.management-search-bar .form-control:focus{border-color:#4c6ef599;box-shadow:0 0 0 .15rem #4c6ef526}@media (max-width: 576px){.management-form-icon{width:48px;height:48px;font-size:1.4rem}.management-search-bar .form-control{max-width:100%;width:100%!important;flex:1 1 100%}.management-form-actions{gap:12px}}.reports-wrapper{display:flex;flex-direction:column;gap:20px}.reports-header-card{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.reports-header-text h3{margin-bottom:6px}.reports-subtitle{margin:0;color:var(--clr-muted);font-size:.95rem}.reports-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}body[dir=rtl] .reports-filters{flex-direction:row-reverse;justify-content:flex-end}body[dir=ltr] .reports-filters{flex-direction:row;justify-content:flex-start}.reports-filter-group{display:flex;flex-direction:column;gap:6px;min-width:150px}.reports-filter-group--status{min-width:220px}.reports-status-chips{display:flex;flex-wrap:wrap;gap:8px}.reports-status-chip{border:1px solid rgba(76,110,245,.2);background:#4c6ef50f;color:var(--clr-primary);border-radius:999px;padding:6px 14px;font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition)}.reports-status-chip:hover{border-color:#4c6ef566;background:#4c6ef51f}.reports-status-chip.is-active{background:var(--clr-primary);color:#fff;border-color:transparent;box-shadow:0 6px 16px #4c6ef547}.reports-filter-group label{font-weight:600;color:#425675}.reports-custom-range{display:none;align-items:flex-end;gap:8px}.reports-custom-range.active{display:flex}.reports-refresh-btn{height:-moz-fit-content;height:fit-content}body[dir=rtl] .reports-refresh-btn{margin-right:auto}body[dir=ltr] .reports-refresh-btn{margin-left:auto}.reports-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.reports-kpi-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:18px;background:var(--clr-card);border:1px solid rgba(76,110,245,.08);box-shadow:var(--shadow-sm)}.reports-kpi-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg,#4c6ef529,#4c6ef50d)}.reports-kpi-content{display:flex;flex-direction:column;gap:4px}.reports-kpi-label{margin:0;font-weight:600;color:#425675}.reports-kpi-value{margin:0;font-size:1.8rem;font-weight:700;color:var(--clr-text)}.reports-kpi-meta{font-size:.85rem;color:var(--clr-muted)}.reports-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.reports-chart-card{border-radius:18px;border:1px solid rgba(76,110,245,.08);background:var(--clr-card);box-shadow:var(--shadow-sm);padding:20px;display:flex;flex-direction:column;gap:16px}.reports-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.reports-card-header h4{margin:0}.reports-card-hint{font-size:.85rem;color:var(--clr-muted)}.reports-chart-bars{display:flex;align-items:flex-end;gap:14px;min-height:220px}.reports-chart-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.reports-chart-bar .bar{width:100%;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#4c6ef5d9,#4c6ef58c);transition:height .3s ease}.reports-chart-bar .label{font-size:.85rem;color:var(--clr-muted)}.reports-chart-bar .value{font-size:.95rem;font-weight:600;color:var(--clr-text)}.reports-status-section{display:flex;flex-direction:column;gap:12px}.reports-status-section h5{margin:0;font-size:1rem;color:var(--clr-text)}.reports-status-progress{display:flex;flex-direction:column;gap:10px}.reports-progress-row{display:flex;flex-direction:column;gap:6px}.reports-progress-top{display:flex;justify-content:space-between;font-size:.9rem;color:var(--clr-muted)}.reports-progress-bar{height:10px;border-radius:999px;background:#4c6ef51f;overflow:hidden}.reports-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4c6ef5e6,#4c6ef599);transition:width .3s ease}.reports-progress-fill.status-confirmed{background:linear-gradient(90deg,#2f9e44e6,#2f9e4499)}.reports-progress-fill.status-pending{background:linear-gradient(90deg,#f08c00e6,#f08c0099)}.reports-progress-fill.status-completed{background:linear-gradient(90deg,#4c6ef5e6,#4c6ef599)}.reports-progress-fill.status-paid{background:linear-gradient(90deg,#25d366e6,#25d36699)}.reports-progress-fill.status-unpaid{background:linear-gradient(90deg,#dc2626d9,#dc262699)}.reports-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.reports-table-card{border-radius:18px;border:1px solid rgba(76,110,245,.08);background:var(--clr-card);box-shadow:var(--shadow-sm);padding:0;overflow:hidden}.reports-table-card .reports-card-header{padding:20px 22px 0}.reports-table{width:100%;border-collapse:collapse}.reports-table thead{background:#4c6ef514}.reports-table th,.reports-table td{padding:14px 18px;text-align:left;border-bottom:1px solid rgba(76,110,245,.08);font-size:.95rem}.reports-table tbody tr:last-child td{border-bottom:none}.reports-table tbody tr:hover{background:#4c6ef50f}.reports-empty-state{display:none;flex-direction:column;align-items:center;gap:12px;padding:32px;border:1px dashed rgba(76,110,245,.22);border-radius:18px;text-align:center;color:var(--clr-muted)}.reports-empty-state.active{display:flex}.reports-empty-icon{font-size:2.2rem}@media (max-width: 992px){.reports-header-card{flex-direction:column}.reports-refresh-btn{margin-inline-start:0}}@media (max-width: 600px){.reports-kpi-card{flex-direction:column;align-items:flex-start}.reports-chart-bars{gap:10px}}:is(html.dark-mode,body.dark-mode) .reports-subtitle,:is(html.dark-mode,body.dark-mode) .reports-filter-group label{color:#cbd5e1e6}:is(html.dark-mode,body.dark-mode) .reports-kpi-card,:is(html.dark-mode,body.dark-mode) .reports-chart-card,:is(html.dark-mode,body.dark-mode) .reports-table-card{background:#18213beb;border:1px solid rgba(59,76,117,.35);box-shadow:0 18px 34px #050d2073}:is(html.dark-mode,body.dark-mode) .reports-kpi-icon{background:linear-gradient(135deg,#4c6ef559,#2563eb1f)}:is(html.dark-mode,body.dark-mode) .reports-status-chip{border-color:#5d85ff59;background:#253758a6;color:#e2e8f0eb}:is(html.dark-mode,body.dark-mode) .reports-status-chip.is-active{background:#5d85fff2;box-shadow:0 10px 22px #4057cc59}:is(html.dark-mode,body.dark-mode) .reports-kpi-label{color:#cbd5e1e6}:is(html.dark-mode,body.dark-mode) .reports-chart-bar .bar{background:linear-gradient(180deg,#60a5fae6,#3b82f68c)}:is(html.dark-mode,body.dark-mode) .reports-table thead{background:#253758d9}:is(html.dark-mode,body.dark-mode) .reports-table th,:is(html.dark-mode,body.dark-mode) .reports-table td{border-bottom:1px solid rgba(59,76,117,.35);color:var(--clr-text)}:is(html.dark-mode,body.dark-mode) .reports-table tbody tr:hover{background:#25375873}:is(html.dark-mode,body.dark-mode) .reports-empty-state{border-color:#5d85ff47;color:#cbd5e1bf}.reports-progress-meta{font-size:.85rem;color:var(--clr-muted)}:is(html.dark-mode,body.dark-mode) .reports-progress-meta{color:#cbd5e1d9}
