*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;overscroll-behavior-y:none}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#F9FAFB;color:#111827;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}[role=button],a,button,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.btn-sm{min-width:32px}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6,p{margin:0}a{color:inherit}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:16px;background:#F9FAFB;border:1px solid #d1d5db;border-radius:9px;color:#111827;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,select:focus,textarea:focus{border-color:#4F46E5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.modal-open body{overflow:hidden}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton{background:#F3F4F6;border-radius:8px;animation:skeleton-pulse 1.5s ease-in-out infinite}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.04);overflow:hidden}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.kpi-value{font-size:28px;font-weight:900;line-height:1;margin-bottom:4px}.kpi-label{font-weight:700;text-transform:uppercase;letter-spacing:.05em}.kpi-label,.kpi-sub{font-size:11px;color:#9CA3AF}.kpi-sub{margin-top:2px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title{font-size:14px;font-weight:700;color:#111827}.section-sub{font-size:12px;color:#6B7280;margin-top:2px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9px;font-size:11px;font-weight:700;line-height:1.6;white-space:nowrap}.badge-high{background:#FEE2E2;color:#B91C1C}.badge-medium{background:#FEF9C3;color:#A16207}.badge-low{background:#DCFCE7;color:#15803D}.badge-done{background:#DBEAFE;color:#1D4ED8}.badge-gray{background:#F3F4F6;color:#6B7280}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:9px;border:none;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;line-height:1;transition:opacity .1s,transform .1s;min-height:44px}.btn:active{transform:scale(.97)}.btn-primary{background:#4F46E5;color:#fff}.btn-primary:hover{background:#4338CA}.btn-ghost{background:#F3F4F6;color:#374151}.btn-ghost:hover{background:#E5E7EB}.btn-danger{background:#FEE2E2;color:#B91C1C}.btn-sm{padding:6px 12px;font-size:12px;min-height:32px}.empty-state{padding:40px 20px;text-align:center}.empty-state-icon{font-size:40px;margin-bottom:10px}.empty-state-title{font-size:15px;font-weight:700;color:#374151;margin-bottom:6px}.empty-state-sub{font-size:13px;color:#9CA3AF;line-height:1.5}@media (min-width:768px){.sidebar-desktop-visible{transform:translateX(0)!important}.main-with-sidebar{margin-left:240px!important}.mobile-menu-btn{display:none!important}}@media (max-width:767px){.main-with-sidebar{margin-left:0!important}}@media print{.no-print{display:none!important}body{background:#fff}}.offline-banner{position:fixed;bottom:0;left:0;right:0;background:#B91C1C;color:#fff;text-align:center;font-size:13px;font-weight:600;z-index:9999;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}