:root{--teal-950:#004c4d;--teal-900:#007f80;--teal-800:#006f70;--teal-700:#007f80;--teal-600:#129394;--teal-500:#2ba9aa;--teal-100:#d9f2f2;--teal-50:#eefafa;--red-700:#b42318;--red-600:#d92d20;--red-100:#fee4e2;--red-50:#fff5f4;--amber-700:#b54708;--amber-500:#f79009;--amber-100:#fef0c7;--green-700:#067647;--green-100:#d1fadf;--blue-700:#175cd3;--blue-100:#dbeafe;--gray-950:#101828;--gray-900:#1d2939;--gray-700:#344054;--gray-600:#475467;--gray-500:#667085;--gray-400:#98a2b3;--gray-300:#d0d5dd;--gray-200:#e4e7ec;--gray-100:#f2f4f7;--gray-50:#f8fafb;--white:#fff;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 8px 24px #10182814;--radius-sm:8px;--radius:12px;--radius-lg:16px;--sidebar-width:208px;--topbar-height:68px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{max-width:100%;overflow-x:clip}body{color:var(--gray-900);-webkit-font-smoothing:antialiased;background:#f8fafc;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{color:inherit;font:inherit}button,select{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}svg{display:block}.hidden{display:none!important}.app-shell{min-height:100vh}.sidebar{z-index:50;width:var(--sidebar-width);color:#ffffffc7;background:radial-gradient(circle at 18% 0,#19968e2e,#0000 32%),linear-gradient(#006b6c 0%,#005556 48%,#003f40 100%);flex-direction:column;padding:22px 14px 18px;transition:transform .28s,box-shadow .28s;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 24px #003f4014}.brand{align-items:center;gap:10px;padding:0 7px 22px;display:flex}.brand-mark{background:#ffffff1f;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;object-position:center top;width:100%;height:100%}.brand strong,.brand span{display:block}.brand strong{color:var(--white);letter-spacing:.035em;font-size:14px}.brand span{color:#ffffff8c;margin-top:1px;font-size:9px}.sidebar-nav{gap:5px;display:grid}.nav-item{color:#ffffffb0;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:43px;padding:10px 11px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{color:var(--white);background:#ffffff12}.nav-item.active{color:var(--white);box-shadow:inset 3px 0 var(--teal-500);background:linear-gradient(90deg,#2ba9aa4d,#2ba9aa1a)}.nav-icon,[data-icon]{justify-content:center;align-items:center;display:inline-flex}.nav-icon svg,[data-icon] svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.support-icon-image{object-fit:contain;filter:brightness(0)saturate()invert(35%)sepia(30%)saturate(1100%)hue-rotate(125deg)brightness(88%);width:20px;height:20px;display:block}.kpi-card.neutral .support-icon-image{filter:brightness(0)saturate()invert(38%)sepia(87%)saturate(1700%)hue-rotate(199deg)brightness(96%)}.kpi-card.good .support-icon-image{filter:brightness(0)saturate()invert(31%)sepia(43%)saturate(1080%)hue-rotate(104deg)brightness(88%)}.kpi-card.warning .support-icon-image{filter:brightness(0)saturate()invert(43%)sepia(92%)saturate(1740%)hue-rotate(15deg)brightness(96%)}.kpi-card.critical .support-icon-image{filter:brightness(0)saturate()invert(22%)sepia(84%)saturate(3110%)hue-rotate(353deg)brightness(91%)}.nav-icon svg{width:18px;height:18px}.sidebar-footer{color:#ffffff6b;border-top:1px solid #ffffff17;gap:14px;margin-top:auto;padding:14px 7px 0;display:grid}.system-status{align-items:center;gap:8px;display:flex}.system-status strong,.system-status small{display:block}.system-status strong{color:#fffc;font-size:10px}.system-status small{margin-top:1px;font-size:9px}.status-dot{background:#32d583;border:2px solid #fff6;border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #32d58321}.main-content{min-height:100vh;margin-left:var(--sidebar-width);padding-top:var(--topbar-height);transition:margin-left .28s}body.sidebar-collapsed .sidebar{box-shadow:none;transform:translate(-100%)}body.sidebar-collapsed .main-content{margin-left:0}body.sidebar-collapsed .topbar{left:0}body.sidebar-collapsed .page-container{width:100%;max-width:none}.topbar{z-index:40;top:0;right:0;left:var(--sidebar-width);min-height:var(--topbar-height);border-bottom:1px solid var(--gray-200);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff7;justify-content:space-between;align-items:center;padding:9px 24px;transition:left .28s;display:flex;position:fixed;box-shadow:0 1px 8px #1018280a}.topbar-title,.topbar-actions,.updated-at{align-items:center;display:flex}.topbar-title{gap:11px;min-width:0}.topbar-title>div{min-width:0}.topbar h1{color:var(--gray-950);margin:1px 0 0;font-size:19px;line-height:1.2}.eyebrow{color:var(--teal-700);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:8px;font-weight:800}.topbar-actions{gap:10px}.updated-at{border-right:1px solid var(--gray-200);gap:7px;padding-right:11px}.updated-at>span{color:var(--teal-700)}.updated-at small,.updated-at strong{display:block}.updated-at small{color:var(--gray-500);font-size:9px}.updated-at strong{font-size:10px}.icon-button{border:1px solid var(--gray-200);width:36px;height:36px;color:var(--gray-600);background:var(--white);box-shadow:var(--shadow-sm);border-radius:10px;flex:0 0 36px;place-items:center;transition:all .2s;display:inline-grid}.icon-button:hover{color:var(--teal-700);border-color:var(--teal-500)}.icon-button.danger{color:var(--red-600);border-color:var(--red-100);background:var(--red-50)}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.icon-button.loading svg{animation:.8s linear infinite spin}.notif-bell{display:inline-flex;position:relative}.notif-bell-btn{position:relative}.notif-bell-btn .notif-badge{background:var(--red-600);min-width:18px;height:18px;color:var(--white);text-align:center;box-shadow:0 0 0 2px var(--white);pointer-events:none;border-radius:9px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}.notif-bell-btn .notif-badge.hidden{display:none}.notif-bell-btn.has-new .notif-badge{animation:1.6s ease-in-out infinite notif-pulse}@keyframes notif-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.notif-dropdown{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);width:320px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-md);z-index:40;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.notif-dropdown.hidden{display:none}.notif-dropdown-head{color:var(--gray-900);justify-content:space-between;align-items:center;font-size:14px;display:flex}.notif-link{color:var(--teal-700);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:12px;font-weight:600}.notif-link:hover{background:var(--teal-50)}.notif-nrp-row{align-items:center;gap:6px;display:flex}.notif-nrp-input{border:1px solid var(--gray-200);min-width:0;height:36px;color:var(--gray-900);background:var(--white);border-radius:8px;flex:auto;padding:0 10px;font-size:13px}.notif-nrp-input:focus{border-color:var(--teal-500);outline:none;box-shadow:0 0 0 3px #2ba9aa26}.btn-small{border:1px solid var(--teal-700);background:var(--teal-700);height:36px;color:var(--white);cursor:pointer;border-radius:8px;flex:none;padding:0 14px;font-size:13px;font-weight:600}.btn-small:hover{background:var(--teal-800)}.notif-nrp-current{color:var(--gray-700);background:var(--gray-50);border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;display:flex}.notif-nrp-current.hidden{display:none}.notif-nrp-current strong{color:var(--gray-900)}.notif-list{flex-direction:column;gap:6px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.notif-list li{border:1px solid var(--gray-200);cursor:pointer;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.notif-list li:hover,.notif-list li.is-new{border-color:var(--teal-500);background:var(--teal-50)}.notif-item-title{color:var(--gray-900);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.notif-item-meta{color:var(--gray-500);font-size:12px}.notif-pill{border-radius:10px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.notif-pill.waiting{background:var(--amber-100);color:var(--amber-700)}.notif-pill.approved{background:var(--green-100);color:var(--green-700)}.notif-pill.picked{background:var(--blue-100);color:var(--blue-700)}.notif-pill.rejected{background:var(--red-100);color:var(--red-700)}.notif-empty{text-align:center;color:var(--gray-500);margin:0;padding:16px;font-size:13px}.notif-empty.hidden{display:none}.empty-state .spinner{border-width:2px;width:28px;height:28px;margin-bottom:4px}.menu-toggle{align-content:center;display:grid}.menu-toggle span{width:18px;height:18px}.page-container{width:min(100%,1600px);margin:0 auto;padding:28px 32px 48px}.page-section{min-width:0;max-width:100%;animation:.25s page-in;display:none}.page-section.active{display:block}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.section-heading h2{color:var(--gray-950);letter-spacing:-.025em;margin:3px 0 4px;font-size:25px}.section-heading p:not(.eyebrow){color:var(--gray-500);margin:0}.module-breadcrumb{font-size:10px;font-weight:750;color:var(--teal-700)!important;margin:0 0 4px!important}.module-breadcrumb span{color:var(--gray-400);padding:0 4px}.heading-actions,.table-tools{align-items:flex-end;gap:10px;display:flex}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.button svg{width:17px;height:17px}.button.primary{color:var(--white);border-color:var(--teal-700);background:var(--teal-700);box-shadow:0 3px 8px #146b6433}.button.primary:hover{background:var(--teal-800)}.button.secondary{color:var(--gray-700);border-color:var(--gray-300);background:var(--white)}.button.secondary:hover{color:var(--teal-700);border-color:var(--teal-500)}.button.large{min-height:50px;padding:12px 22px;font-size:14px}.button:disabled{cursor:not-allowed;opacity:.6}label{gap:6px;display:grid}label>span{color:var(--gray-600);font-size:11px;font-weight:650}input,select,textarea{border:1px solid var(--gray-300);background:var(--white);border-radius:8px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}input,select{min-height:40px;padding:8px 10px}textarea{resize:vertical;min-height:104px;padding:10px}input:focus,select:focus,textarea:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #20a3971f}input::placeholder,textarea::placeholder{color:var(--gray-400)}.compact-field{min-width:112px}.compact-field select{min-height:37px}.safety-filter-actions .compact-field{min-width:116px;display:none}.safety-filter-actions .compact-field:nth-child(2){min-width:148px;display:none}.compact-field.inline{align-items:center;gap:8px;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-width:0;margin-bottom:18px;display:grid}.kpi-grid-five{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-card{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--white);min-height:132px;box-shadow:var(--shadow-sm);min-width:0;padding:18px;position:relative;overflow:hidden}.kpi-card:after{background:var(--teal-500);content:"";width:4px;height:100%;position:absolute;top:0;left:0}.kpi-card.warning:after{background:var(--amber-500)}.kpi-card.critical:after{background:var(--red-600)}.kpi-card.good:after{background:#12b76a}.kpi-card.neutral:after{background:#2e90fa}.kpi-card.critical{border-color:var(--red-100);background:var(--red-50)}.kpi-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.kpi-label{color:var(--gray-500);font-size:11px;font-weight:650}.kpi-label-wrap{align-items:center;gap:6px;min-width:0;display:inline-flex}.metric-info{color:#475569;cursor:help;background:#f8fafc;border:1px solid #cbd5e1;border-radius:50%;flex:0 0 17px;place-items:center;width:17px;height:17px;font-size:10px;font-weight:800;line-height:1;display:inline-grid;position:relative}.metric-info:focus-visible{outline-offset:2px;outline:2px solid #2ba9aa}.metric-tooltip{z-index:20;color:#fff;opacity:0;pointer-events:none;text-align:center;background:#0f172a;border-radius:7px;width:max-content;max-width:220px;padding:7px 9px;font-size:10px;font-weight:600;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px);box-shadow:0 4px 10px #0f172a2e}.safety-incident-grid .metric-tooltip{text-align:left;width:280px;max-width:min(280px,100vw - 48px)}.metric-tooltip:before{content:"";border-bottom:5px solid #0f172a;border-left:5px solid #0000;border-right:5px solid #0000;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.metric-info:hover .metric-tooltip,.metric-info:focus .metric-tooltip{opacity:1;transform:translate(-50%)}.kpi-icon{width:35px;height:35px;color:var(--teal-700);background:var(--teal-50);border-radius:9px;place-items:center;display:grid}.warning .kpi-icon{color:var(--amber-700);background:#fffaeb}.critical .kpi-icon{color:var(--red-600);background:var(--red-50)}.good .kpi-icon{color:var(--green-700);background:#ecfdf3}.neutral .kpi-icon{color:var(--blue-700);background:#eff8ff}.kpi-value{color:var(--gray-950);letter-spacing:-.03em;margin-top:13px;font-size:27px;font-weight:800;line-height:1}.kpi-value.has-unit{flex-wrap:wrap;align-items:baseline;gap:5px 7px;display:flex}.kpi-value-unit{letter-spacing:0;font-size:12px;font-weight:700;line-height:1.2}.kpi-card.neutral .kpi-value{color:var(--blue-700)}.kpi-card.warning .kpi-value{color:var(--amber-700)}.kpi-card.good .kpi-value{color:var(--green-700)}.kpi-card.critical .kpi-value{color:var(--red-700)}.kpi-meta{color:var(--gray-500);align-items:center;gap:5px;margin-top:8px;font-size:10px;display:flex}.kpi-progress{background:var(--gray-100);border-radius:10px;height:5px;margin-top:9px;overflow:hidden}.kpi-progress i{border-radius:inherit;background:currentColor;height:100%;display:block}.kpi-card.good .kpi-progress{color:#12b76a}.kpi-card.warning .kpi-progress{color:var(--amber-500)}.kpi-card.critical .kpi-progress{color:var(--red-600)}.kpi-progress-text{color:var(--gray-500);margin-top:5px;font-size:9px}.kpi-card.has-progress{min-height:158px}.inspection-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.safety-metric-groups{gap:14px;margin-bottom:18px;display:grid}.safety-metric-group{border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#f8fafc;padding:14px}.safety-group-heading{justify-content:space-between;align-items:flex-start;min-height:38px;margin-bottom:10px;display:flex}.safety-group-heading .eyebrow{margin-bottom:2px}.safety-group-heading h3{color:var(--gray-700);margin:0;font-size:11px;font-weight:600}.safety-metric-group .kpi-grid{margin-bottom:0}.safety-incident-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.safety-manpower-grid,.safety-performance-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.incident-simulation-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.incident-drag-hint{color:var(--gray-500);white-space:nowrap;font-size:9px}.incident-drag-hint b{color:var(--teal-700);font-size:12px}.incident-simulation-reset{border:1px solid var(--gray-200);color:var(--gray-600);background:var(--white);border-radius:7px;padding:5px 8px;font-size:9px;font-weight:650}.incident-simulation-reset:hover{color:var(--teal-800);border-color:var(--teal-200);background:var(--teal-50)}#safetyIncidentChart{touch-action:none}.performance-comparison-card{border:1px solid var(--gray-200);border-radius:var(--radius);background:#fff;min-width:0;min-height:164px;padding:15px 16px;position:relative;box-shadow:0 4px 6px -1px #0000001a}.performance-comparison-card.critical{border-color:var(--gray-200);background:#fff}.performance-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.performance-card-header h4{color:var(--gray-500);letter-spacing:0;text-transform:none;align-items:center;gap:7px;margin:0;font-size:11px;font-weight:650;display:inline-flex}.safety-performance-grid .metric-tooltip{text-align:left;border-radius:9px;width:330px;max-width:min(330px,100vw - 48px);padding:11px 13px;font-size:11px;font-weight:650;line-height:1.45;left:0;transform:translate(-22%,-3px);box-shadow:0 9px 24px #0f172a3d}.safety-performance-grid .metric-tooltip:before{left:22%}.safety-performance-grid .metric-info:hover .metric-tooltip,.safety-performance-grid .metric-info:focus .metric-tooltip{transform:translate(-22%)}.performance-header-icon{width:32px;height:32px;color:var(--blue-700);background:#eff8ff;border-radius:9px;flex:0 0 32px;place-items:center;display:grid}.performance-header-icon svg{width:17px;height:17px}.performance-status{color:var(--blue-700);white-space:nowrap;background:#eff8ff;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 8px;font-size:8.5px;font-weight:700;display:inline-flex}.performance-status svg{width:13px;height:13px}.performance-comparison-card.good .performance-status{color:var(--green-700);background:#ecfdf3}.performance-comparison-card.critical .performance-status{color:var(--red-700);background:var(--red-50)}.performance-comparison-card.warning .performance-status{color:#b54708;background:#fffaeb}.performance-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;display:grid}.performance-value-block{min-width:0;padding-right:12px}.performance-value-block.target{border-left:1px solid var(--gray-200);padding-left:14px;padding-right:0}.performance-value-label{color:var(--gray-600);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.performance-value-label svg{color:currentColor;width:15px;height:15px}.performance-comparison-card .performance-number{min-height:34px;color:var(--blue-700);margin-top:6px;font-size:31px;font-weight:750}.performance-comparison-card.good .performance-number{color:var(--green-700)}.performance-comparison-card.critical .performance-number{color:var(--red-700)}.performance-comparison-card .target-number,.performance-comparison-card.good .target-number,.performance-comparison-card.critical .target-number{color:var(--blue-700)}.performance-value-meta{color:var(--gray-500);margin-top:2px;font-size:10px;display:block}.performance-impact-card .performance-value-grid{margin-top:14px}.performance-impact-card .impact-number{color:var(--blue-700)}.performance-impact-card .performance-value-label{letter-spacing:0;text-transform:none;align-items:center;min-height:0;line-height:normal}.performance-impact-card .performance-value-meta{max-width:145px;font-size:10px;line-height:1.35}.performance-impact-card .performance-status{text-transform:none}.safety-metric-group .kpi-card{background:#fff;min-height:132px;padding:17px;overflow:visible;box-shadow:0 4px 6px -1px #0000001a}.safety-metric-group .kpi-value{color:#1e3a8a;min-height:34px;margin-top:12px;font-size:32px;font-weight:700;line-height:1.05}.safety-metric-group .kpi-value.has-unit{min-width:0}.safety-metric-group .kpi-value-unit{max-width:112px;font-size:11px}.safety-metric-group .kpi-card.neutral .kpi-value{color:#1e3a8a}.safety-metric-group .kpi-card.good .kpi-value{color:#166534}.safety-metric-group .kpi-card.warning .kpi-value{color:#1e3a8a}.safety-metric-group .kpi-card.critical .kpi-value{color:#991b1b}.safety-metric-group .kpi-icon{width:32px;height:32px}.skeleton{-webkit-user-select:none;user-select:none;background:#e2e8f0;border-radius:7px;width:min(68%,160px);min-width:96px;position:relative;overflow:hidden;color:#0000!important}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffad 48%,#0000 100%);animation:1.25s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.safety-trend-grid .chart-wrap{height:255px}.safety-incident-trend-panel{grid-column:1/-1}.safety-incident-trend-panel .chart-wrap{height:310px}.content-grid{gap:18px;margin-bottom:18px;display:grid}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.filter-panel{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm)}.panel{min-width:0;margin-bottom:18px}.content-grid .panel{margin-bottom:0}.panel-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:15px 18px;display:flex}.panel-header h3{color:var(--gray-900);margin:0;font-size:13px}.panel-header p{color:var(--gray-500);margin:3px 0 0;font-size:10px}.legend-pill{border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800}.legend-pill.teal{color:var(--teal-700);background:var(--teal-100)}.legend-pill.red{color:var(--red-700);background:var(--red-100)}.legend-pill.threshold-warning{color:var(--red-700);background:var(--red-50);align-items:center;gap:5px;font-weight:800;display:inline-flex}.legend-pill.threshold-warning svg{width:13px;height:13px}.chart-wrap{height:275px;padding:17px;position:relative}.chart-wrap.chart-large{height:320px}.inspection-secondary-chart-grid .chart-wrap{height:255px}@media (width<=1199px){.inspection-secondary-chart-grid{grid-template-columns:1fr}}.chart-filter-hint{color:var(--gray-500);background:var(--gray-100);white-space:nowrap;border-radius:16px;align-items:center;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.chart-filter-hint.active{cursor:pointer;color:var(--white);background:var(--teal-700)}.panel.chart-filter-active{border-color:var(--teal-500);box-shadow:0 0 0 2px #2ba9aa21, var(--shadow-sm)}.panel.chart-filter-active .panel-header{background:var(--teal-50)}.filter-panel{margin-bottom:18px;padding:15px 18px 18px}.filter-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.filter-collapse-toggle{min-width:0;color:var(--gray-700);text-align:left;background:0 0;align-items:center;gap:8px;padding:3px 0;display:flex}.filter-collapse-toggle strong{white-space:nowrap;font-size:12px}.desktop-filter-summary{color:var(--gray-500);font-size:10px;font-weight:500}.filter-chevron{width:26px;height:26px;color:var(--teal-700);background:var(--teal-50);border-radius:7px;place-items:center;margin-left:2px;display:grid}.filter-chevron svg{width:15px;height:15px}.filter-heading-actions{align-items:center;gap:8px;display:flex}.filter-heading>div{color:var(--gray-700);align-items:center;gap:8px;font-size:12px;display:flex}.filter-collapsible-content{opacity:1;grid-template-rows:auto auto;transition:opacity .18s;display:grid}.inspection-filter-panel.desktop-collapsed,.safety-filter-panel.desktop-collapsed,.spip-filter-panel.desktop-collapsed,.sop-filter-panel.desktop-collapsed{padding-bottom:15px}.inspection-filter-panel.desktop-collapsed .filter-heading,.safety-filter-panel.desktop-collapsed .filter-heading,.spip-filter-panel.desktop-collapsed .filter-heading,.sop-filter-panel.desktop-collapsed .filter-heading{margin-bottom:0}.inspection-filter-panel.desktop-collapsed .filter-collapsible-content,.safety-filter-panel.desktop-collapsed .filter-collapsible-content,.spip-filter-panel.desktop-collapsed .filter-collapsible-content,.sop-filter-panel.desktop-collapsed .filter-collapsible-content{opacity:0;display:none}.text-button{color:var(--teal-700);background:0 0;padding:4px;font-size:10px;font-weight:700}.filter-grid{grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px;display:grid}.date-presets{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.date-presets button{border:1px solid var(--gray-200);color:var(--gray-600);background:var(--white);border-radius:7px;padding:6px 10px;font-size:10px;font-weight:700}.date-presets button:hover{color:var(--teal-700);border-color:var(--teal-500)}.date-presets button.active{color:var(--white);border-color:var(--teal-700);background:var(--teal-700)}.mobile-filter-toolbar,.filter-sheet-backdrop,.filter-sheet-handle,.filter-sheet-close,.apply-filter-button{display:none}.overdue-alert{border:1px solid var(--red-100);border-left:3px solid var(--red-600);color:var(--red-700);background:var(--red-50);border-radius:9px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;margin-bottom:18px;padding:13px 14px;display:grid}.overdue-alert-icon{background:var(--red-100);border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.overdue-alert p{margin:0;font-size:11px}.overdue-detail-button,.overdue-dismiss{color:var(--red-700);background:0 0;font-weight:750}.overdue-detail-button{font-size:10px}.overdue-dismiss{border-radius:7px;width:30px;height:30px;font-size:19px}.overdue-dismiss:hover{background:var(--red-100)}.overdue-days{color:var(--red-700)}.chart-empty{min-height:240px;color:var(--gray-500);place-items:center;font-size:11px;display:grid}.spip-filter-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}.spip-population-panel,.spip-type-panel{align-self:start}.spip-type-scroll{scrollbar-color:#007f8059 transparent;scrollbar-width:thin;height:275px;overflow:hidden auto}.spip-type-scroll::-webkit-scrollbar{width:6px}.spip-type-scroll::-webkit-scrollbar-track{background:0 0}.spip-type-scroll::-webkit-scrollbar-thumb{background:#007f8059;border-radius:8px}.spip-type-scroll .chart-wrap{min-height:275px}.search-box{width:min(300px,100%);display:block;position:relative}.search-box>span{z-index:2;color:var(--gray-400);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-box input{padding-left:35px}.table-wrap{width:100%;overflow-x:auto}.spip-table-wrap{overflow:visible}.spip-detail-table{table-layout:fixed;white-space:normal;width:100%}.spip-detail-table thead th{z-index:10;top:var(--topbar-height);background:var(--gray-50);box-shadow:inset 0 -1px 0 var(--gray-200);position:sticky}.spip-detail-table th,.spip-detail-table td{overflow-wrap:anywhere;text-align:center;vertical-align:middle;white-space:normal;padding:10px 9px}.spip-sort-button{width:100%;min-height:28px;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;justify-content:center;align-items:center;gap:5px;padding:0;line-height:1.25;display:inline-flex}.spip-sort-button:hover,.spip-sort-button:focus-visible{color:var(--teal-700)}.spip-sort-button:focus-visible{outline:2px solid var(--teal-300);outline-offset:2px;border-radius:4px}.spip-sort-indicator{width:8px;height:12px;color:var(--gray-400);flex:0 0 8px;position:relative}.spip-sort-indicator:before,.spip-sort-indicator:after{content:"";border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;position:absolute;left:1px}.spip-sort-indicator:before{border-bottom:4px solid;top:1px}.spip-sort-indicator:after{border-top:4px solid;bottom:1px}.spip-sort-button[data-sort-order=asc] .spip-sort-indicator,.spip-sort-button[data-sort-order=desc] .spip-sort-indicator{color:var(--teal-700)}.spip-sort-button[data-sort-order=asc] .spip-sort-indicator:after,.spip-sort-button[data-sort-order=desc] .spip-sort-indicator:before{opacity:.25}.spip-detail-table th:first-child{width:9%}.spip-detail-table th:nth-child(2){width:19%}.spip-detail-table th:nth-child(3){width:10%}.spip-detail-table th:nth-child(4){width:19%}.spip-detail-table th:nth-child(5){width:13%}.spip-detail-table th:nth-child(6),.spip-detail-table th:nth-child(7){width:9%}.spip-detail-table th:nth-child(8){width:12%}.spip-detail-table .cell-main{text-align:center;white-space:normal;max-width:none}.spip-detail-table .cell-sub{text-align:center}.spip-detail-table .spip-type-name{color:var(--teal-700);font-size:12px;font-weight:800}.spip-detail-table .spip-technical-value{font-size:10px}.spip-detail-table .spip-status-cell{text-align:center}.spip-detail-table .spip-status-cell .badge{white-space:normal;justify-content:center}.spip-detail-table .spip-note-cell{color:var(--gray-600);text-align:center;line-height:1.35}.spip-detail-table .spip-group-row td{color:var(--teal-800);text-align:left;background:linear-gradient(90deg,#007f801f,#007f8009);border-top:1px solid #007f8033;border-bottom:1px solid #007f8029;padding:9px 12px}.spip-detail-table .spip-group-row td span{letter-spacing:.03em;text-transform:capitalize;font-size:12px;font-weight:800}.spip-detail-table .spip-group-row td small{color:var(--teal-600);margin-left:8px;font-size:9px;font-weight:700}.spip-detail-table .spip-group-row:hover{background:0 0}@media (width>=1200px){body:not(.sidebar-collapsed) .spip-detail-table th,body:not(.sidebar-collapsed) .spip-detail-table td{padding-left:6px;padding-right:6px}body:not(.sidebar-collapsed) .spip-detail-table th{font-size:8px}body:not(.sidebar-collapsed) .spip-detail-table td{font-size:10px}}@media (width<=767px){.spip-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.spip-detail-table{table-layout:auto;min-width:880px}.spip-detail-table thead th:first-child{z-index:11;background:var(--gray-50);box-shadow:inset 0 -1px 0 var(--gray-200), inset -1px 0 0 var(--gray-200);position:sticky;left:0}.spip-detail-table tbody tr:not(.spip-group-row) td:first-child{z-index:5;background:var(--white);box-shadow:inset -1px 0 0 var(--gray-200);position:sticky;left:0}}.inspection-detail-table{table-layout:fixed;width:100%}.inspection-detail-table th,.inspection-detail-table td{overflow-wrap:break-word;padding:10px 9px}.inspection-detail-table th{white-space:normal}.inspection-detail-table th:first-child{width:8.5%}.inspection-detail-table th:nth-child(2){width:6%}.inspection-detail-table th:nth-child(3){width:7%}.inspection-detail-table th:nth-child(4){width:17%}.inspection-detail-table th:nth-child(5){width:7%}.inspection-detail-table th:nth-child(6){width:16%}.inspection-detail-table th:nth-child(7){width:9.5%}.inspection-detail-table th:nth-child(8),.inspection-detail-table th:nth-child(9){width:6.5%}.inspection-detail-table th:nth-child(10){width:7%}.inspection-detail-table th:nth-child(11){width:9%}.inspection-detail-table td:first-child,.inspection-detail-table td:nth-child(2),.inspection-detail-table td:nth-child(3),.inspection-detail-table td:nth-child(4),.inspection-detail-table td:nth-child(6),.inspection-detail-table td:nth-child(7),.inspection-detail-table td:nth-child(8),.inspection-detail-table td:nth-child(9),.inspection-detail-table td:nth-child(11){white-space:normal}.inspection-detail-table td:nth-child(4) .cell-main{white-space:normal;max-width:none}.inspection-detail-table td:first-child,.inspection-detail-table td:nth-child(3),.inspection-detail-table td:nth-child(8),.inspection-detail-table td:nth-child(9),.inspection-detail-table td:nth-child(10),.inspection-detail-table td:nth-child(11){word-break:normal}.inspection-detail-table th:nth-child(7),.inspection-detail-table th:nth-child(10),.inspection-evidence-cell,.inspection-status-cell,.inspection-evidence-action{text-align:center}.inspection-status-cell .badge{white-space:nowrap;justify-content:center}.inspection-evidence-cell .evidence-upload-button,.inspection-evidence-action .evidence-upload-button{white-space:normal;width:100%;max-width:110px;min-height:38px;margin-inline:auto;padding:7px 9px}.inspection-evidence-cell .inspection-thumbnail,.inspection-evidence-cell .inspection-photo-placeholder{margin-inline:auto}.inspection-evidence-action .evidence-done{white-space:nowrap;justify-content:center}@media (width>=1200px){body:not(.sidebar-collapsed) .page-container{width:100%;max-width:none;padding-left:20px;padding-right:20px}body:not(.sidebar-collapsed) #inspectionDetailPanel .inspection-detail-table th,body:not(.sidebar-collapsed) #inspectionDetailPanel .inspection-detail-table td{padding-left:7px;padding-right:7px}body:not(.sidebar-collapsed) #inspectionDetailPanel .inspection-detail-table th{font-size:8px}body:not(.sidebar-collapsed) #inspectionDetailPanel .inspection-detail-table td{font-size:10px}body:not(.sidebar-collapsed) #inspectionDetailPanel .inspection-thumbnail,body:not(.sidebar-collapsed) #inspectionDetailPanel .inspection-photo-placeholder{width:min(72px,100%);height:54px}body:not(.sidebar-collapsed) #inspectionDetailPanel .evidence-upload-button{padding:7px 6px;font-size:8px}}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{border-bottom:1px solid var(--gray-100);text-align:left;vertical-align:middle;padding:12px 15px}th{color:var(--gray-500);background:var(--gray-50);letter-spacing:.045em;text-transform:uppercase;font-size:9px;font-weight:800}td{color:var(--gray-700);font-size:11px}tbody tr:hover{background:#fcfdfd}tbody tr:last-child td{border-bottom:0}.cell-main,.cell-sub{display:block}.cell-main{max-width:260px;color:var(--gray-900);text-overflow:ellipsis;font-weight:650;overflow:hidden}.cell-sub{color:var(--gray-500);margin-top:2px;font-size:9px}.recommendation-cell{max-width:280px;color:var(--gray-700);white-space:normal;line-height:1.45;display:block}.inspection-detail-table td:first-child,.inspection-detail-table td:nth-child(2),.inspection-detail-table td:nth-child(3),.inspection-detail-table td:nth-child(4),.inspection-detail-table td:first-child .cell-main,.inspection-detail-table td:nth-child(3) .cell-main,.inspection-detail-table td:nth-child(4) .cell-main{color:var(--gray-700);font-weight:400;line-height:1.45}.inspection-thumbnail,.inspection-photo-placeholder{border:1px solid var(--gray-200);background:var(--gray-100);border-radius:10px;flex:none;place-items:center;width:min(82px,100%);height:60px;display:grid;position:relative;overflow:hidden}.inspection-thumbnail{color:var(--white);box-shadow:0 2px 7px #10182814}.inspection-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.thumbnail-overlay{color:var(--white);opacity:0;background:#0438397a;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.thumbnail-overlay svg{width:21px;height:21px}a:hover .inspection-thumbnail img{transform:scale(1.04)}a:hover .thumbnail-overlay{opacity:1}.inspection-thumbnail.image-error:after{color:var(--gray-500);content:"Gagal dimuat";font-size:9px;font-weight:700}.inspection-photo-placeholder{color:var(--gray-400);background:var(--gray-50);border-style:dashed;align-content:center;gap:3px}.inspection-photo-placeholder.evidence{color:var(--teal-500);background:var(--teal-50)}.inspection-photo-placeholder svg{width:18px;height:18px}.inspection-photo-placeholder small{font-size:8px;font-weight:700}.evidence-upload-button,.evidence-done{white-space:normal;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:42px;padding:8px 11px;font-size:9px;font-weight:800;line-height:1.25;display:inline-flex}.evidence-upload-button{color:var(--white);background:var(--teal-700);box-shadow:0 3px 8px #007f8029}.evidence-upload-button:hover{background:var(--teal-800);transform:translateY(-1px)}.evidence-upload-button:disabled{cursor:wait;opacity:.72;transform:none}.evidence-upload-button svg,.evidence-done svg{width:14px;height:14px}.evidence-done{min-width:auto;min-height:auto;color:var(--green-700);background:#ecfdf3;padding:5px 9px}.mini-spinner{border:2px solid #ffffff5c;border-top-color:var(--white);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}.badge{border-radius:20px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:750;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge.green{color:var(--green-700);background:#ecfdf3}.badge.red{color:var(--red-700);background:var(--red-50)}.badge.amber{color:var(--amber-700);background:#fffaeb}.badge.blue{color:var(--blue-700);background:#eff8ff}.badge.gray{color:var(--gray-600);background:var(--gray-100)}.table-link{color:var(--teal-700);align-items:center;gap:5px;margin-right:8px;font-size:10px;font-weight:700;display:inline-flex}.table-link:hover{text-decoration:underline}.table-link svg{width:14px;height:14px}.empty-state{min-height:240px;color:var(--gray-500);text-align:center;align-content:center;place-items:center;padding:30px;display:grid}.empty-state>span{width:48px;height:48px;color:var(--teal-700);background:var(--teal-50);border-radius:50%;place-items:center;display:grid}.empty-state h3{color:var(--gray-800);margin:12px 0 2px;font-size:14px}.empty-state p{margin:0;font-size:11px}.alert{z-index:35;border:1px solid var(--red-100);color:var(--red-700);background:var(--red-50);border-radius:9px;margin:14px 32px 0;padding:11px 14px;font-size:12px;position:relative}.alert.success{color:var(--green-700);border-color:var(--green-100);background:#ecfdf3}.alert.warning{color:var(--amber-700);border-color:var(--amber-100);background:#fffaeb}.demo-banner{justify-content:space-between;align-items:center;gap:12px;display:flex}.demo-banner button{width:28px;height:28px;color:var(--amber-700);background:0 0;border-radius:7px;flex:0 0 28px;font-size:19px}.demo-banner button:hover{background:var(--amber-100)}.loading-overlay{z-index:100;color:var(--gray-600);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8fafbd6;align-content:center;place-items:center;display:grid;position:fixed;inset:0}.spinner{border:3px solid var(--teal-100);border-top-color:var(--teal-700);border-radius:50%;width:35px;height:35px;animation:.8s linear infinite spin}.loading-overlay p{margin-top:12px;font-size:12px;font-weight:650}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav{display:none}.toast-container{z-index:250;pointer-events:none;gap:8px;display:grid;position:fixed;top:18px;right:18px}.toast{border:1px solid var(--green-100);min-width:250px;color:var(--green-700);background:var(--white);box-shadow:var(--shadow-md);opacity:0;border-radius:10px;align-items:center;gap:9px;padding:12px 14px;transition:all .2s;display:flex;transform:translateY(-10px)}.toast.error{color:var(--red-700);border-color:var(--red-100)}.toast.show{opacity:1;transform:translateY(0)}.toast strong{font-size:11px}.input-page{background:var(--gray-50);min-height:100vh;overflow-x:hidden}.field-header{background:var(--teal-900);border-bottom:1px solid #ffffff1a}.field-header-inner{justify-content:space-between;align-items:center;width:calc(100vw - 36px);max-width:1480px;margin:0 auto;padding:12px 0;display:flex}.field-heading-lockup{align-items:center;gap:12px;min-width:0;display:flex}.field-header-logo{object-fit:contain;flex:0 0 42px;width:42px;height:42px;display:block}.connection-indicator{color:#ffffffb3;align-items:center;gap:6px;font-size:10px;display:flex}.field-main{width:calc(100vw - 36px);min-width:0;max-width:1480px;margin:0 auto;padding:12px 0 64px}.field-intro{color:#ffffffb8;margin:0}.field-intro .eyebrow{color:#77d6cc;margin:0;font-size:9px}.field-intro h1{color:var(--white);letter-spacing:-.035em;margin:4px 0 0;font-size:24px;line-height:1.1}.input-page .alert{width:100%;margin:0 0 12px}.input-form-alert{border-radius:8px;align-items:center;gap:9px;min-height:40px;padding:7px 11px;display:flex}.input-alert-icon{flex:0 0 18px}.input-alert-icon svg{width:17px;height:17px}.input-alert-copy{align-items:baseline;gap:5px;min-width:0;line-height:1.35;display:flex}.input-alert-copy strong{color:inherit;font-size:11px;font-weight:750}.input-alert-copy span{color:var(--gray-600);font-size:10.5px}.form-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--white);width:100%;min-width:0;max-width:100%;box-shadow:var(--shadow-md);margin-bottom:14px;padding:20px}.form-card-header,.form-section-heading,.finding-card-header{align-items:center;display:flex}.form-card-header{gap:12px;margin-bottom:16px}.form-section-heading{gap:12px}.findings-header{justify-content:space-between}.step-number{width:32px;height:32px;color:var(--white);background:var(--teal-700);border-radius:9px;flex:0 0 32px;place-items:center;font-size:11px;font-weight:800;display:grid}.form-section-heading-copy h2{color:var(--gray-950);margin:0;font-size:17px;font-weight:750}.form-section-heading-copy p{color:var(--gray-600);margin:3px 0 0;font-size:10.5px;font-weight:400}.findings-count{color:var(--teal-700);background:var(--teal-50);border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.form-grid>*{min-width:0}#inspectionForm,.input-page input,.input-page select,.input-page textarea{min-width:0;max-width:100%}.form-grid label>span:first-child{color:var(--gray-800);font-size:11.5px;font-weight:750}.input-general-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.input-primary-field input{font-size:12px;font-weight:600}.finding-input-card{padding:14px}.finding-table-wrap{border:1px solid var(--gray-200);border-radius:12px;width:100%;margin-bottom:8px;overflow-x:auto}.finding-input-table{table-layout:fixed;white-space:normal;min-width:1160px}.finding-input-table th{color:var(--white);background:var(--teal-700);letter-spacing:.015em;text-align:center;padding:9px 7px;font-size:10.5px;font-weight:800;line-height:1.35}.finding-input-table th:first-child{width:8.5%}.finding-input-table th:nth-child(2){width:11%}.finding-input-table th:nth-child(3){width:17%}.finding-input-table th:nth-child(4){width:10%}.finding-input-table th:nth-child(5){width:17%}.finding-input-table th:nth-child(6){width:8.5%}.finding-input-table th:nth-child(7){width:9.5%}.finding-input-table th:nth-child(8){width:12%}.finding-input-table th:nth-child(9){width:6.5%}.finding-input-table td{border-bottom:1px solid var(--gray-100);vertical-align:middle;white-space:normal;padding:5px 6px}.finding-input-table input,.finding-input-table select,.finding-input-table textarea{width:100%;font-size:10px}.finding-input-table textarea{resize:vertical;height:34px;min-height:34px;padding:7px 8px;line-height:1.35;overflow-y:auto}.finding-input-table input,.finding-input-table select{height:34px;min-height:34px;padding:5px 7px}.compact-file-field{gap:1px;display:grid;position:relative}.compact-file-field input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.compact-file-button{border:1px solid var(--teal-300);cursor:pointer;min-height:34px;color:var(--teal-700);background:var(--teal-50);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:5px 7px;font-size:9.5px;transition:all .2s;display:flex}.compact-file-button:hover,.compact-file-button:focus-within{border-color:var(--teal-600);background:var(--teal-100)}.compact-file-button svg{width:14px;height:14px}.compact-file-field small{color:var(--gray-500);text-align:center;font-size:8px;line-height:1.15}.compact-file-field.has-photo .compact-file-button,.compact-file-field.has-photo .compact-file-note{display:none}.compact-photo-preview-wrap{border:1px solid var(--gray-200);cursor:pointer;background:var(--gray-100);border-radius:8px;width:100%;height:34px;display:block;position:relative;overflow:hidden}.compact-photo-preview{object-fit:cover;width:100%;height:100%}.compact-photo-change{color:var(--white);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101828b8;border-radius:6px;align-items:center;gap:3px;padding:3px 6px;font-size:8px;font-weight:750;display:inline-flex;position:absolute;bottom:5px;right:5px}.compact-photo-change svg{width:11px;height:11px}.button.danger{color:var(--white);background:var(--red-600)}.button.danger:hover{background:var(--red-700)}.finding-input-table .remove-finding{border:1px solid var(--red-100);width:32px;height:32px;color:var(--red-600);background:var(--red-50);border-radius:8px;place-items:center;padding:0;transition:all .2s;display:inline-grid}.finding-input-table .remove-finding:hover{color:var(--white);border-color:var(--red-600);background:var(--red-600)}.finding-input-table .remove-finding svg{width:14px;height:14px}.finding-input-table td:last-child{text-align:center}.existing-findings-section{margin-top:34px}.existing-section-header{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;display:flex}.existing-section-header .eyebrow{color:var(--teal-700)}.existing-section-header h2{color:var(--gray-950);margin:3px 0;font-size:22px}.existing-section-header p:last-child{color:var(--gray-500);margin:0;font-size:11px}.existing-section-actions{flex:none;align-items:center;gap:9px;display:flex}.existing-findings-panel{overflow:hidden}.input-existing-table{table-layout:fixed;white-space:normal;width:100%}.input-existing-table th{color:var(--white);background:var(--teal-700);text-align:center;padding:11px 7px;font-size:8px}.input-existing-table td{text-align:center;vertical-align:middle;white-space:normal;padding:10px 7px;font-size:9px;line-height:1.4}.input-existing-table td>strong,.input-existing-table td>small{display:block}.input-existing-table td>small{color:var(--gray-500);margin-top:2px}.input-existing-table .inspection-thumbnail,.input-existing-table .inspection-photo-placeholder{width:72px;height:54px;margin-left:auto;margin-right:auto;display:flex}.input-existing-table .evidence-upload-button{width:100%;min-height:42px;margin-left:auto;margin-right:auto;padding:7px}.form-grid label>small,.inspector-cache-field small{color:var(--gray-500);margin-top:5px;font-size:9px;line-height:1.4;display:block}.inspector-cache-field small{color:var(--gray-600);font-weight:550}.form-grid label.required>span:first-child:after{color:var(--red-600);content:"*";margin-left:3px}.form-grid input,.form-grid select{min-height:45px}.full-width{grid-column:1/-1}.finding-card{border:1px solid var(--gray-200);border-top:4px solid var(--teal-700);background:#fdfefe;border-radius:12px;margin-bottom:16px;padding:20px}.finding-card-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;margin-bottom:18px;padding-bottom:14px}.finding-card-header .finding-index,.finding-card-header small{display:block}.finding-card-header .finding-index{color:var(--teal-800);font-size:13px;font-weight:800}.finding-entry-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.finding-date,.finding-location,.finding-area,.finding-category,.finding-risk,.finding-pic,.finding-due{grid-column:span 2}.finding-description,.finding-recommendation{grid-column:span 5}.finding-note,.finding-photo,.finding-evidence{grid-column:span 4}.finding-entry-grid textarea{resize:vertical;min-height:112px}.optional-label{color:var(--gray-500);background:var(--gray-100);border-radius:10px;margin-left:5px;padding:2px 5px;font-size:8px;font-weight:700;display:inline}.finding-card-header small{color:var(--gray-500);margin-top:2px;font-size:9px}.photo-field input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.photo-dropzone{border:1.5px dashed var(--gray-300);cursor:pointer;background:var(--gray-50);text-align:center;border-radius:10px;align-content:center;place-items:center;min-height:132px;padding:18px;transition:all .2s;display:grid;position:relative;overflow:hidden}.photo-dropzone:hover{border-color:var(--teal-500);background:var(--teal-50)}.photo-dropzone .photo-icon{width:38px;height:38px;color:var(--teal-700);background:var(--teal-100);border-radius:50%;margin-bottom:8px}.photo-dropzone strong{color:var(--gray-700);font-size:11px}.photo-dropzone small{color:var(--gray-500);margin-top:3px;font-size:9px}.photo-preview{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.add-finding-button{width:auto;min-height:36px;color:var(--white);border:1px solid var(--teal-700);background:var(--teal-700);box-shadow:var(--shadow-sm);padding:7px 12px;font-size:10px;font-weight:750}.add-finding-button:hover{border-color:var(--teal-800);background:var(--teal-800)}.form-submit-bar{border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;display:flex}.submit-summary strong,.submit-summary small{display:block}.submit-summary strong{font-size:11px}.submit-summary small{color:var(--gray-500);margin-top:2px;font-size:9px}.form-submit-bar .button.large{font-size:12px}.modal{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#072d2bbd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--white);text-align:center;border-radius:18px;width:min(100%,430px);padding:32px;box-shadow:0 24px 80px #00000038}.success-icon{width:60px;height:60px;color:var(--green-700);background:var(--green-100);border-radius:50%;place-items:center;margin:0 auto 17px;display:grid}.success-icon svg{stroke-width:2.4px;width:28px;height:28px}.modal-card h2{margin:0;font-size:21px}.modal-card p{color:var(--gray-500);margin:7px 0 14px}.pica-export-modal-card{text-align:left;width:min(100%,620px);padding:0;overflow:hidden}.pica-export-modal-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:flex-start;gap:18px;padding:24px 26px 18px;display:flex}.pica-export-modal-header h2{margin-top:3px}.pica-export-modal-header p{margin-bottom:0;font-size:11px}.pica-modal-close{width:36px;height:36px;color:var(--gray-600);background:var(--gray-100);border-radius:9px;flex:0 0 36px;place-items:center;display:grid}.pica-modal-close:hover{color:var(--red-600);background:var(--red-50)}.pica-modal-close svg{width:18px;height:18px}.pica-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:22px 26px 18px;display:grid}.pica-filter-grid label>span{color:var(--gray-700);font-size:11px;font-weight:700}.pica-filter-wide{grid-column:1/-1}.pica-export-summary{border:1px solid var(--teal-100);color:var(--teal-800);background:var(--teal-50);border-radius:9px;margin:0 26px;padding:10px 12px;font-size:11px;font-weight:700}.pica-export-summary.warning{color:var(--amber-700);border-color:var(--amber-100);background:#fffaeb}.pica-export-modal-actions{justify-content:flex-end;align-items:center;gap:10px;padding:18px 26px 24px;display:flex}.submitted-ids{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;display:flex}.submitted-ids span{color:var(--teal-700);background:var(--teal-50);border-radius:6px;padding:5px 8px;font-size:10px;font-weight:700}@media (width<=1250px){.kpi-grid-five{grid-template-columns:repeat(3,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns .panel:last-child{grid-column:1/-1}.filter-grid{grid-template-columns:repeat(4,minmax(130px,1fr))}.inspection-kpi-grid,.safety-incident-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.safety-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-impact-card{grid-column:1/-1;min-height:170px}.performance-impact-card .performance-value-grid{margin-top:18px}.safety-manpower-grid{grid-template-columns:1fr}.finding-entry-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.finding-date,.finding-location,.finding-area,.finding-category,.finding-risk,.finding-pic,.finding-due{grid-column:span 2}.finding-description,.finding-recommendation,.finding-note,.finding-photo,.finding-evidence{grid-column:span 3}}@media (width>=768px) and (width<=1199px){:root{--sidebar-width:64px}.sidebar{width:var(--sidebar-width);padding:20px 8px;overflow:visible}.brand{justify-content:center;padding:0 0 24px}.brand>div:last-child,.nav-item>span:last-child,.system-status>div,.sidebar-footer>small{display:none}.brand-mark{flex-basis:40px;width:40px;height:40px}.nav-item{justify-content:center;gap:0;min-height:46px;padding:12px;position:relative}.nav-item:hover:after{z-index:90;color:var(--white);background:var(--gray-950);box-shadow:var(--shadow-md);content:attr(data-tooltip);white-space:nowrap;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:650;position:absolute;left:calc(100% + 10px)}.sidebar-footer{justify-items:center;padding:16px 0 0}.system-status{justify-content:center}.main-content{margin-left:var(--sidebar-width)}body.sidebar-collapsed .main-content{margin-left:0}#inspectionDetailPanel .table-wrap{background:var(--gray-50);padding:12px;overflow-x:hidden}.inspection-detail-table,.inspection-detail-table tbody{width:100%;display:block}.inspection-detail-table thead{display:none}.inspection-detail-table tbody{gap:12px;display:grid}.inspection-detail-table tr{border:1px solid var(--gray-200);background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;padding:16px;display:grid}.inspection-detail-table td{white-space:normal;border:0;min-width:0;padding:0;display:block}.inspection-detail-table td:before{color:var(--gray-500);letter-spacing:.045em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.inspection-detail-table td:first-child:before{content:"Inspection ID"}.inspection-detail-table td:nth-child(2):before{content:"Tanggal"}.inspection-detail-table td:nth-child(3):before{content:"Lokasi"}.inspection-detail-table td:nth-child(4):before{content:"Keterangan Temuan"}.inspection-detail-table td:nth-child(5):before{content:"Foto Temuan"}.inspection-detail-table td:nth-child(6):before{content:"Rekomendasi"}.inspection-detail-table td:nth-child(7):before{content:"Foto Evidence"}.inspection-detail-table td:nth-child(8):before{content:"Due Date"}.inspection-detail-table td:nth-child(9):before{content:"PIC"}.inspection-detail-table td:nth-child(10):before{content:"Status"}.inspection-detail-table td:nth-child(11):before{content:"Catatan"}.inspection-detail-table td:nth-child(4),.inspection-detail-table td:nth-child(6),.inspection-detail-table td:nth-child(11){grid-column:1/-1}.inspection-thumbnail,.inspection-photo-placeholder{width:112px;height:76px}.evidence-upload-button{width:auto;min-width:112px}}.evidence-dropzone{border-color:var(--teal-300);background:var(--teal-50)}@media (width<=1023px){.inspection-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){:root{--topbar-height:73px}.sidebar{width:280px;padding:24px 16px 20px;transition:transform .2s ease-out;transform:translate(-100%)}body.sidebar-collapsed .sidebar.open,.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:45;background:#10182866;display:none;position:fixed;inset:0}.sidebar-backdrop.show{display:block}.main-content{width:100%;max-width:100%;margin-left:0}.topbar{left:0}.menu-toggle{flex-basis:44px;width:44px;height:44px}.topbar-title{flex:auto}.topbar-title h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar-actions{flex:none}.page-container{width:100%;max-width:100%;padding:24px 22px 40px}.topbar{width:100%;max-width:100%;padding:12px 22px}.mobile-filter-toolbar{align-items:center;gap:9px;margin-bottom:14px;display:flex}.mobile-filter-toolbar>.button{white-space:nowrap;min-height:40px}.filter-count{min-width:18px;height:18px;color:var(--white);background:var(--teal-700);border-radius:10px;place-items:center;font-size:9px;display:grid}.active-filter-chips{scrollbar-width:none;gap:6px;min-width:0;display:flex;overflow-x:auto}.active-filter-chips::-webkit-scrollbar{display:none}.filter-chip{color:var(--teal-700);background:var(--teal-50);border-radius:18px;flex:none;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:700;display:inline-flex}.filter-chip span{font-size:14px;line-height:1}.filter-sheet-backdrop{z-index:105;opacity:0;background:#1018287a;transition:opacity .2s;position:fixed;inset:0}.filter-sheet-backdrop.show{opacity:1;display:block}.inspection-filter-panel,.safety-filter-panel,.spip-filter-panel,.sop-filter-panel{z-index:110;max-height:88vh;padding:12px 18px max(20px, env(safe-area-inset-bottom));border-radius:18px 18px 0 0;margin:0;transition:transform .22s ease-out;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -18px 50px #1018282e}.inspection-filter-panel.desktop-collapsed .filter-collapsible-content,.safety-filter-panel.desktop-collapsed .filter-collapsible-content,.spip-filter-panel.desktop-collapsed .filter-collapsible-content,.sop-filter-panel.desktop-collapsed .filter-collapsible-content{opacity:1;display:grid}.inspection-filter-panel.desktop-collapsed .filter-heading,.safety-filter-panel.desktop-collapsed .filter-heading,.spip-filter-panel.desktop-collapsed .filter-heading,.sop-filter-panel.desktop-collapsed .filter-heading{margin-bottom:12px}.filter-collapse-toggle{pointer-events:none}.desktop-filter-summary,.filter-chevron{display:none}.inspection-filter-panel.open,.safety-filter-panel.open,.spip-filter-panel.open,.sop-filter-panel.open{transform:translateY(0)}.filter-sheet-handle{background:var(--gray-300);border-radius:4px;width:42px;height:4px;margin:0 auto 14px;display:block}.filter-sheet-close{width:32px;height:32px;color:var(--gray-600);background:var(--gray-100);border-radius:8px;place-items:center;font-size:19px;display:grid}.apply-filter-button{width:100%;margin-top:16px;display:inline-flex}body.filter-sheet-open{overflow:hidden}.overdue-alert{grid-template-columns:auto 1fr auto;min-width:0}.overdue-detail-button{grid-column:2;justify-self:start}.overdue-dismiss{grid-area:1/3}.toast-container{left:12px;right:12px}.toast{width:100%;min-width:0}#inspectionDetailPanel .table-wrap{background:var(--gray-50);padding:10px;overflow-x:hidden}#inspectionDetailPanel .panel-header{flex-direction:column;align-items:stretch}#inspectionDetailPanel .search-box{width:100%}.inspection-detail-table,.inspection-detail-table tbody{width:100%;display:block}.inspection-detail-table thead{display:none}.inspection-detail-table tbody{gap:10px;display:grid}.inspection-detail-table tr{border:1px solid var(--gray-200);background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:15px;display:grid}.inspection-detail-table td{white-space:normal;border:0;min-width:0;padding:0;display:block}.inspection-detail-table td:before{color:var(--gray-500);letter-spacing:.045em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:800;display:block}.inspection-detail-table td:first-child:before{content:"Inspection ID"}.inspection-detail-table td:nth-child(2):before{content:"Tanggal"}.inspection-detail-table td:nth-child(3):before{content:"Lokasi"}.inspection-detail-table td:nth-child(4):before{content:"Keterangan Temuan"}.inspection-detail-table td:nth-child(5):before{content:"Foto Temuan"}.inspection-detail-table td:nth-child(6):before{content:"Rekomendasi"}.inspection-detail-table td:nth-child(7):before{content:"Foto Evidence"}.inspection-detail-table td:nth-child(8):before{content:"Due Date"}.inspection-detail-table td:nth-child(9):before{content:"PIC"}.inspection-detail-table td:nth-child(10):before{content:"Status"}.inspection-detail-table td:nth-child(11):before{content:"Catatan"}.inspection-detail-table td:nth-child(4),.inspection-detail-table td:nth-child(6),.inspection-detail-table td:nth-child(11){grid-column:1/-1}.inspection-thumbnail,.inspection-photo-placeholder{width:100%;max-width:132px;height:82px}.evidence-upload-button{width:100%;max-width:132px}.inspection-detail-table .inspection-evidence-cell,.inspection-detail-table .inspection-status-cell,.inspection-detail-table .inspection-evidence-cell:before,.inspection-detail-table .inspection-status-cell:before{text-align:left}.inspection-evidence-cell .inspection-thumbnail,.inspection-evidence-cell .inspection-photo-placeholder,.inspection-evidence-cell .evidence-upload-button{margin-inline:0}.inspection-status-cell .badge{justify-content:flex-start}}@media (width<=760px){body{font-size:13px}.finding-table-wrap,.existing-findings-panel .table-wrap{background:0 0;border:0;overflow-x:hidden}.finding-input-table,.finding-input-table tbody,.input-existing-table,.input-existing-table tbody{width:100%;min-width:0;display:block}.finding-input-table thead,.input-existing-table thead{display:none}.finding-input-table tbody,.input-existing-table tbody{gap:12px;display:grid}.finding-input-table tr,.input-existing-table tr{border:1px solid var(--gray-200);border-top:4px solid var(--teal-700);background:var(--white);box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;padding:10px;display:grid}.finding-input-table td,.input-existing-table td{white-space:normal;border:0;min-width:0;padding:0;display:block}.finding-input-table td:before,.input-existing-table td:before{color:var(--gray-700);content:attr(data-label);letter-spacing:.04em;text-align:center;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.finding-input-table td,.finding-input-table td:before{text-align:left}.finding-input-table td:before{box-sizing:border-box;width:100%;padding-left:7px}.finding-input-table td:nth-child(3),.finding-input-table td:nth-child(4),.finding-input-table td:nth-child(5),.finding-input-table td:nth-child(8){grid-column:1/-1}.finding-input-table textarea{height:38px;min-height:38px}.compact-photo-preview-wrap{width:100%;max-width:180px;height:38px}.finding-input-table td:last-child{justify-items:start;display:grid}.finding-input-table .remove-finding{width:34px;height:34px}.existing-section-header{flex-direction:column;align-items:stretch}.existing-section-actions{align-self:flex-start}.input-existing-table td:nth-child(4),.input-existing-table td:nth-child(6),.input-existing-table td:nth-child(12){grid-column:1/-1}.input-existing-table tr,.input-existing-table td,.input-existing-table td:before{text-align:left}.input-existing-table .inspection-thumbnail,.input-existing-table .inspection-photo-placeholder,.input-existing-table .badge{margin-inline:0}.input-existing-table .evidence-upload-button{white-space:nowrap;width:auto;max-width:132px;min-height:34px;margin:3px 0 0 2px;padding:6px 9px;font-size:9px}.topbar h1{font-size:16px}.topbar .eyebrow,.updated-at{display:none}.page-container{padding:19px 15px 40px}.topbar{padding:10px 15px}.section-heading{flex-direction:column;align-items:flex-start;gap:14px}.section-heading h2{font-size:21px}.heading-actions{width:100%}.heading-actions .button{flex:1}.kpi-grid,.kpi-grid-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.safety-incident-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.safety-performance-grid,.safety-manpower-grid{grid-template-columns:1fr}.inspection-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card{min-height:121px;padding:14px}.kpi-value{font-size:23px}.two-columns,.three-columns{grid-template-columns:1fr}.three-columns .panel:last-child{grid-column:auto}.filter-grid,.spip-filter-grid,.inspection-filter-panel .filter-grid,.safety-filter-panel .filter-grid,.spip-filter-panel .spip-filter-grid,.sop-filter-panel .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.responsive-panel-header{flex-direction:column;align-items:stretch}.table-tools{grid-template-columns:1fr 1fr;display:grid}.table-tools .search-box{grid-column:1/-1;width:100%}.alert{width:calc(100vw - 30px);margin-left:15px;margin-right:15px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finding-entry-grid>*{grid-column:span 1}.finding-entry-grid .finding-description,.finding-entry-grid .finding-recommendation,.finding-entry-grid .finding-note,.finding-entry-grid .finding-photo,.finding-entry-grid .finding-evidence{grid-column:1/-1}.field-main{width:calc(100vw - 26px);padding-top:18px}.field-header-inner{width:calc(100vw - 26px)}.form-card,.finding-card{padding:16px}}@media (width<=520px){#page-safety .heading-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}#page-safety .compact-field{min-width:0}#page-safety .heading-actions .button{grid-column:1/-1;width:100%;padding-left:10px;padding-right:10px}.finding-input-table tr,.input-existing-table tr{grid-template-columns:1fr}.finding-input-table td:nth-child(3),.finding-input-table td:nth-child(4),.finding-input-table td:nth-child(5),.finding-input-table td:nth-child(8),.input-existing-table td:nth-child(4),.input-existing-table td:nth-child(6),.input-existing-table td:nth-child(12){grid-column:auto}.inspection-detail-table tr{grid-template-columns:1fr}.inspection-detail-table td:nth-child(4),.inspection-detail-table td:nth-child(6),.inspection-detail-table td:nth-child(11){grid-column:auto}.kpi-grid,.kpi-grid-five{grid-template-columns:1fr 1fr}.safety-metric-group{padding:11px}.safety-incident-grid,.safety-performance-grid,.safety-manpower-grid{grid-template-columns:1fr}.kpi-card{min-height:115px}.kpi-label{max-width:100px}.safety-metric-group .kpi-label{max-width:none}.performance-comparison-card{min-height:215px;padding:15px}.performance-card-header{flex-direction:column}.performance-status{align-self:flex-start}.performance-comparison-card .performance-number{font-size:29px}.kpi-icon{width:31px;height:31px}.chart-wrap,.chart-wrap.chart-large{height:260px;padding:12px}.panel-header{padding:13px 14px}.safety-incident-trend-panel .panel-header{flex-direction:column;align-items:flex-start;gap:8px}.incident-simulation-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.chart-filter-hint:not(.active){display:none}.chart-filter-hint.active{text-overflow:ellipsis;max-width:120px;overflow:hidden}.filter-panel{padding:14px}.filter-grid,.spip-filter-grid{grid-template-columns:1fr 1fr}.search-box{width:170px}.panel-header .search-box input{font-size:10px}.field-intro h1{font-size:21px}.field-heading-lockup{gap:9px}.field-header-logo{flex-basis:36px;width:36px;height:36px}.findings-header{flex-direction:column;align-items:flex-start}.findings-count{align-self:flex-end}.form-section-heading{align-items:flex-start}.form-grid{grid-template-columns:1fr}.finding-entry-grid>*,.finding-entry-grid .finding-description,.finding-entry-grid .finding-recommendation,.finding-entry-grid .finding-note,.finding-entry-grid .finding-photo,.finding-entry-grid .finding-evidence,.full-width{grid-column:auto}.form-card-header.findings-header{align-items:flex-start}.input-alert-copy,.input-alert-copy strong,.input-alert-copy span{display:block}.add-finding-button{width:100%}.existing-section-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.existing-section-actions .button{width:100%;padding-left:10px;padding-right:10px}.pica-export-modal-card{padding:0}.pica-export-modal-header,.pica-filter-grid,.pica-export-modal-actions{padding-left:20px;padding-right:20px}.pica-filter-grid{grid-template-columns:1fr}.pica-filter-wide{grid-column:auto}.pica-export-summary{margin-left:20px;margin-right:20px}.pica-export-modal-actions{flex-direction:column-reverse;align-items:stretch}.pica-export-modal-actions .button{width:100%}.form-submit-bar{flex-direction:column;align-items:stretch;gap:12px;position:static}.form-submit-bar .button{width:100%}.submit-summary{text-align:center}.modal-card{padding:28px 20px}}@media print{.sidebar,.topbar,.mobile-nav,.filter-panel,.heading-actions,.export-button{display:none!important}.main-content{margin:0;padding-top:0}.page-container{padding:0}.panel,.kpi-card{break-inside:avoid;box-shadow:none}}.login-overlay{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-overlay.hidden{display:none}.login-overlay-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;position:absolute;inset:0}.login-card{text-align:center;background:#fff;border-radius:16px;width:min(420px,92vw);padding:40px 32px 32px;position:relative;box-shadow:0 24px 64px #0000002e}.login-brand img{border-radius:12px;margin-bottom:12px}.login-brand h2{color:var(--teal-950);margin:0 0 4px;font-size:1.5rem;font-weight:800}.login-brand p{color:var(--gray-500);margin:0 0 24px;font-size:.85rem}.login-field{text-align:left;margin-bottom:12px}.login-field label{color:var(--gray-700);margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}.login-field input{border:1.5px solid var(--gray-300);text-align:center;letter-spacing:2px;box-sizing:border-box;border-radius:10px;width:100%;padding:12px 14px;font-size:1.05rem;font-weight:600}.login-field input:focus{border-color:var(--teal-800);outline:none;box-shadow:0 0 0 3px #007f8026}.login-error{color:var(--red-700);margin:0 0 8px;font-size:.8rem}.login-submit-btn{width:100%}.login-footnote{color:var(--gray-400);margin-top:16px;font-size:.72rem}.notif-task-row{gap:6px;margin-top:6px;display:flex}.notif-task-row .btn-small{cursor:pointer;background:var(--teal-800);color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:.7rem;font-weight:600}.notif-task-row .btn-small.reject{background:var(--red-700);color:#fff}.notif-task-row .btn-small:hover{opacity:.85}