:root{--primary:#1e3a8a;--sidebar-text:#e2e8f0;--bg-main:#f1f5f9;--card-bg:#fff;--accent:#2563eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--border:#e2e8f0;--text-dark:#0f172a;--text-light:#64748b;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow:0 10px 25px -5px #00000014, 0 8px 10px -6px #0000000d;--shadow-lg:0 25px 50px -12px #00000026;--radius:12px}body{background-color:var(--bg-main);color:var(--text-dark);font-family:var(--font-main,"Inter", system-ui, sans-serif);font-size:var(--size-text,15px);-webkit-font-smoothing:antialiased}.glass-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);background:#ffffffd9;border:1.5px solid #1e3a8a26;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#1e3a8a4d;transform:translateY(-8px)}button{cursor:pointer;border:none;font-weight:500;transition:all .2s}button:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade{animation:.4s forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media print{.no-print{display:none!important}body,html,#root,.app-container,.main-content-area,main,.report-container{background:#fff!important;height:auto!important;min-height:auto!important;display:block!important;overflow:visible!important}.main-content-area,main{width:100%!important;margin:0!important;padding:0!important}.paper{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}h3,h4{page-break-after:avoid}.report-section{margin-bottom:15px}.paperBody{min-height:auto!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{margin:15mm 10mm 5mm!important}.report-print-container{box-shadow:none!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}::-webkit-scrollbar{display:none}}:root{--font-main:"Inter", "Outfit", "Sagar", sans-serif;--size-stat:36px;--size-h1:17px;--size-h2:13px;--size-h3:12px;--size-text:15px;--size-label:14px;--size-small:13px;--size-tiny:11px;--primary:#1e3a8a;--primary-light:#eff6ff;--success:#059669;--warning:#d97706;--danger:#dc2626;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#475569;--border:#cbd5e1}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-main);font-size:var(--size-text);-webkit-text-size-adjust:100%;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.app-container{background-color:#fff;flex-direction:column;width:100vw;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden}.main-content-area{flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.main-header{color:#1e293b;background:#fff;border-bottom:2px solid #fecaca;flex-shrink:0;justify-content:space-between;align-items:center;min-height:78px;padding:10px 20px;display:flex}.office-info{flex-direction:column;line-height:1.35;display:flex}.office-palika{color:#b91c1c;margin:0;font-size:15px;font-weight:700}.office-title{color:#b91c1c;letter-spacing:-.3px;margin:2px 0;font-size:24px;font-weight:900}.office-address-line{color:#b91c1c;opacity:.9;margin:0;font-size:13px;font-weight:600}.system-title-blue{color:#1e3a8a;border-top:1px solid #f1f5f9;margin:6px 0 0;padding-top:4px;font-size:18px;font-weight:800}.header-left{align-items:center;gap:16px;display:flex}.gov-logo{object-fit:contain;width:auto;height:70px}.header-right{align-items:center;gap:15px;display:flex}.user-text{flex-direction:column;align-items:flex-end;line-height:1;display:flex}.user-name-bold{font-size:var(--size-text);color:#0f172a;font-weight:800}.user-role-gray{font-size:var(--size-tiny);color:#64748b;font-weight:700}.header-actions{align-items:center;gap:8px;display:flex}.status-pill{font-size:var(--size-tiny);border-radius:15px;align-items:center;gap:6px;padding:4px 10px;font-weight:700;display:flex}.status-active{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.dot-green{background:#22c55e;border-radius:50%;width:8px;height:8px}.bell-circle{width:32px;height:32px;font-size:var(--size-label);cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.bell-icon-dot{background:#2563eb;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:10px}@media (width<=1024px){.main-header{padding:8px 15px}.office-title{font-size:16px}.system-title-blue{font-size:12px}.user-name-bold{font-size:13px}}.status-indicator{border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.status-indicator.online{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.status-indicator.offline{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2}.sync-button{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.sync-button:hover:not(:disabled){background:#1e40af;transform:translateY(-1px)}.sync-button:active:not(:disabled){transform:translateY(0)}.sync-button:disabled{opacity:.6;cursor:not-allowed;background:#64748b}.sync-button.syncing svg{animation:1s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}