*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Trebuchet MS,Segoe UI,Helvetica Neue,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}button,input,select,textarea{font:inherit}:root{--bg: #f4f7fb;--surface: #ffffff;--surface-soft: #f8fafc;--text: #0f172a;--muted: #64748b;--line: #dbe4ee;--brand: #0ea56d;--brand-strong: #077a51;--brand-soft: #e7faf2;--accent: #0b84f3;--danger: #dc2626;--warning: #d97706;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 2px 10px rgba(15, 23, 42, .06);--shadow: 0 14px 36px rgba(15, 23, 42, .1)}html,body,#root{min-height:100%}body{overflow:auto;background:radial-gradient(circle at 10% -20%,#dbf7eb 0%,transparent 38%),radial-gradient(circle at 100% 0%,#dff0ff 0%,transparent 30%),var(--bg);color:var(--text)}.dashboard-content{background:transparent!important}.top-nav{height:72px;border-bottom:1px solid var(--line);background:#ffffffd6!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar{border-right:1px solid #cfe0ef!important;background:linear-gradient(175deg,#fff,#f8fcff)!important;box-shadow:10px 0 32px #0f172a14!important}.brand-info h2,.sidebar-brand-text{letter-spacing:.2px}.nav-item{border:1px solid transparent;border-radius:12px!important;font-weight:500}.nav-item:hover{border-color:#dbe7f3;background:#f7fafc!important}.nav-item.active{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%)!important;box-shadow:0 8px 18px #0ea56d3d}.search-input,.search-box input,input,select,textarea{border-radius:var(--radius-sm)!important}.search-input:focus,input:focus,select:focus,textarea:focus{border-color:#88c7ff!important;box-shadow:0 0 0 4px #0b84f31f!important}.btn,button[class*=btn-]{border-radius:11px!important;font-weight:600!important}.btn.primary,.logout-btn{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%)!important}.btn.outline{border-color:#9ec4e8!important;color:#0d5f9e!important}.stats-grid .stat-card,.orders-section,.chart-card,.activity-section,.dashboard-footer,.modal-content,.services-container,.clients-container,.products-container,.deliveries-container,.replacement-container,.spare-container,.shop-claim-container{border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}.stats-grid .stat-card:hover,.orders-section:hover,.chart-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)!important}.orders-table thead,table thead{background:#f0f6fd!important}.orders-table th,table th{color:#fff!important;font-size:12px!important;border-bottom:1px solid #dbe7f3!important}.orders-table td,table td{border-bottom:1px solid #edf2f7}.replacement-container .orders-table th,.replacement-container table th,.replacement-container .orders-table td,.replacement-container table td{color:#000!important}.orders-table tbody tr:hover,table tbody tr:hover{background:#f7fbff}.section-header,.modal-header{background:linear-gradient(180deg,#fff,#f9fbfe)}.filter-select,.filter-btn,.pagination-btn{border-color:#cfe0ef!important;background:#fff!important}.pagination-btn.active{background:var(--accent)!important;border-color:var(--accent)!important}.status-label,.warranty-badge{border:1px solid rgba(0,0,0,.06)}.modal-overlay{background:#0f172a7a!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form-group label{color:#1e3a5f!important;font-weight:600!important}.loading-state,.empty-state{border-radius:var(--radius)!important;border:1px dashed #cddceb;background:#f8fbff!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid #f6f9fd;background:#b7c9dc}@media(max-width:1024px){.sidebar{box-shadow:16px 0 36px #020c1b42!important}.top-nav{height:64px}}@media(max-width:768px){.dashboard-content{padding:12px!important}.section-header,.modal-header,.activity-list,.pagination,.orders-table td,.orders-table th{padding-left:14px!important;padding-right:14px!important}.stats-grid{gap:12px!important}.stat-card{padding:14px!important}}.big-datetime-card{margin:0 0 18px;border:1px solid #cfe0ef;border-radius:22px;background:radial-gradient(circle at 85% 10%,rgba(11,132,243,.16) 0%,transparent 32%),radial-gradient(circle at 10% 90%,rgba(14,165,109,.16) 0%,transparent 30%),linear-gradient(150deg,#fff,#f3f9ff);box-shadow:0 18px 42px #0c243f1f;overflow:hidden}.datetime-content{display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:20px;padding:20px 24px}.date-section{display:flex;flex-direction:column;gap:8px}.day-name{font-size:14px;font-weight:700;letter-spacing:.2px;color:#155e75}.full-date{display:flex;align-items:baseline;gap:12px}.date-number{font-size:38px;line-height:1;font-weight:800;color:#0f172a}.date-month-year{display:flex;flex-direction:column;line-height:1.15}.month{font-size:18px;font-weight:700;color:#1e293b}.year{font-size:13px;font-weight:600;color:#64748b}.time-section{justify-self:center}.time-display{display:flex;align-items:center;gap:10px}.time-digits{display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:14px;border:1px solid #d8e6f5;background:#fff;box-shadow:inset 0 1px #ffffffbf}.time-hour,.time-minute,.time-second{min-width:38px;text-align:center;font-size:28px;font-weight:800;letter-spacing:1px;color:#0f172a}.time-second{color:#0b84f3}.time-colon{font-size:24px;font-weight:700;color:#334155;animation:blink-colon 1.1s ease-in-out infinite}.time-ampm{font-size:12px;font-weight:700;color:#0b84f3;border:1px solid #b7d8fb;background:#eff7ff;border-radius:999px;padding:6px 10px;letter-spacing:.4px}.time-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;color:#64748b;font-weight:600}.time-live-dot{width:8px;height:8px;border-radius:50%;background:#0ea56d;box-shadow:0 0 0 4px #0ea56d24}.time-live-text{color:#0b7f55}.datetime-icons{display:flex;gap:8px}.icon-item{min-width:78px;border:1px solid #d7e7f5;background:#fff;border-radius:12px;padding:10px 12px;text-align:center}.icon-item .icon{color:#0b84f3;font-size:15px;margin-bottom:4px}.icon-item span{display:block;font-size:11px;font-weight:700;color:#47617e;text-transform:uppercase;letter-spacing:.4px}@keyframes blink-colon{0%,to{opacity:1}50%{opacity:.35}}@media(max-width:900px){.datetime-content{grid-template-columns:1fr;gap:14px}.time-section{justify-self:start}.datetime-icons{justify-content:flex-start}}@media(max-width:520px){.big-datetime-card{border-radius:16px}.datetime-content{padding:14px}.date-number{font-size:30px}.month{font-size:16px}.time-digits{padding:8px 10px;gap:4px}.time-hour,.time-minute,.time-second{min-width:30px;font-size:22px}.time-colon{font-size:20px}.datetime-icons{width:100%}.icon-item{flex:1}}.section-filters,.section-filters-row{gap:12px!important;padding:12px!important;border:1px solid #d7e6f4;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff)}.search-container,.search-wrapper{position:relative}.search-input{min-height:42px;border:1px solid #c9dcef!important;border-radius:12px!important;background:#fff!important;box-shadow:inset 0 1px #ffffffb3}.search-input::placeholder{color:#8aa0b7!important}.filter-group{align-items:center;gap:8px!important}.filter-select{min-height:42px;border:1px solid #c9dcef!important;border-radius:12px!important;background:#fff!important;color:#1f3d5a!important;font-weight:600}.custom-date-range{display:flex;align-items:center;gap:8px!important;border:1px solid #d2e2f1;border-radius:12px;background:#f9fcff!important;padding:6px!important}.date-input{min-height:40px;border:1px solid #c9dcef!important;border-radius:10px!important;background:#fff!important}.clear-filters,.clear-filters-btn{min-height:42px;padding:0 14px!important;border:1px solid #f1b9b9!important;border-radius:12px!important;background:#fff6f6!important;color:#b91c1c!important;font-weight:700}.clear-filters:hover,.clear-filters-btn:hover{background:#fee2e2!important;transform:translateY(-1px)}@media(max-width:768px){.section-filters,.section-filters-row{padding:10px!important;border-radius:12px}.filter-group{width:100%}.filter-select,.search-input,.date-input,.clear-filters,.clear-filters-btn,.custom-date-range{flex-direction:column;align-items:stretch}}