*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Inter,Arial,sans-serif}button,select{font-family:inherit}button{cursor:pointer}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#071d41;flex-direction:column;width:245px;min-height:100vh;padding:24px 14px;display:flex}.brand{align-items:center;gap:10px;padding:0 10px 26px;display:flex}.brand-icon{background:#ef3340;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;display:flex}.brand strong{font-size:16px;display:block}.brand span{opacity:.75;margin-top:3px;font-size:12px;display:block}.user-box{background:#ffffff12;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:9px;margin-bottom:25px;padding:12px;display:flex}.avatar{color:#17335f;background:#e9eef7;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex}.user-info{flex:1}.user-info strong,.user-info span,.user-info small{display:block}.user-info strong{font-size:12px}.user-info span{margin-top:3px;font-size:11px}.user-info small{opacity:.6;margin-top:2px;font-size:10px}.arrow{opacity:.6}.menu-title{letter-spacing:.08em;opacity:.45;padding:0 11px 8px;font-size:10px;font-weight:700}.menu-title.master{margin-top:25px}.menu-item{color:#ffffffb8;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;margin-bottom:3px;padding:11px 12px;font-size:13px;display:flex}.menu-item:hover{color:#fff;background:#ffffff12}.menu-item.active{color:#fff;background:#2563eb;box-shadow:0 5px 15px #2563eb40}.menu-icon{text-align:center;width:20px;font-size:16px}.sidebar-bottom{margin-top:auto}.main{flex:1;min-width:0;padding:25px 28px 35px}.header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.breadcrumb{color:#64748b;margin-bottom:5px;font-size:11px}.header h1{letter-spacing:-.5px;margin:0;font-size:24px}.header p{color:#64748b;margin:5px 0 0;font-size:13px}.header-actions{align-items:center;gap:18px;display:flex}.period{background:#fff;border:1px solid #e3e8f0;border-radius:9px;align-items:center;gap:10px;min-width:185px;padding:9px 14px;display:flex}.period small,.period strong{display:block}.period small{color:#64748b;font-size:9px}.period strong{margin-top:3px;font-size:12px}.notification{font-size:22px;position:relative}.notification span{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;display:flex;position:absolute;top:-6px;right:-7px}.info-banner{background:#eaf3ff;border:1px solid #d4e6ff;border-radius:11px;align-items:center;gap:13px;margin-bottom:20px;padding:13px 17px;display:flex}.info-circle{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.info-banner strong{color:#174ea6;font-size:13px}.info-banner p{color:#536b89;margin:3px 0 0;font-size:11px}.guide-button{color:#fff;background:#2563eb;border:0;border-radius:7px;margin-left:auto;padding:9px 14px;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.stat-card{background:#fff;border:1px solid #e7ebf2;border-radius:11px;align-items:center;gap:14px;min-height:120px;padding:18px;display:flex}.stat-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:19px;display:flex}.stat-icon.blue{background:#e8f0ff}.stat-icon.green{color:#17a673;background:#e6f8ef}.stat-icon.orange{color:#e99000;background:#fff2df}.stat-card span,.stat-card small{display:block}.stat-card span{color:#526078;font-size:11px}.stat-card strong{margin:4px 0;font-size:27px;display:block}.stat-card small{color:#8994a7;font-size:9px}.good{color:#18a56e;font-size:16px!important}.progress-ring{background:radial-gradient(white 58%, transparent 59%), conic-gradient(#7444c0 83%, #e8eaf0 0);color:#172033;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:13px;font-weight:700;display:flex}.content-grid,.bottom-grid{grid-template-columns:1.35fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel{background:#fff;border:1px solid #e7ebf2;border-radius:11px;overflow:hidden}.panel-header{justify-content:space-between;align-items:center;padding:17px 18px 12px;display:flex}.panel-header h2{margin:0;font-size:15px}.panel-header p{color:#7a8699;margin:4px 0 0;font-size:10px}.panel-header select{background:#fff;border:1px solid #e0e5ec;border-radius:6px;padding:7px 10px;font-size:10px}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:10px}th{color:#66738a;text-align:left;background:#f7f9fc;padding:10px 11px;font-weight:600}td{white-space:nowrap;border-top:1px solid #eef1f5;padding:10px 11px}.badge{border-radius:20px;padding:5px 8px;font-size:9px;font-weight:600}.badge.success{color:#169765;background:#e8f8f0}.badge.warning{color:#c37b00;background:#fff3dc}.primary-button,.outline-button{border-radius:5px;padding:5px 8px;font-size:9px}.primary-button{color:#fff;background:#2563eb;border:0}.outline-button{color:#42516a;background:#fff;border:1px solid #dbe2ec}.table-footer{text-align:center;border-top:1px solid #eef1f5;padding:12px}.table-footer button{color:#2563eb;background:0 0;border:0;font-size:10px;font-weight:600}.result-summary{align-items:center;gap:35px;padding:12px 25px 22px;display:flex}.donut{background:radial-gradient(white 55%, transparent 56%), conic-gradient(#42b883 0 70%, #ffba37 70% 90%, #ef4444 90% 100%);border-radius:50%;justify-content:center;align-items:center;width:145px;height:145px;display:flex}.donut div{text-align:center}.donut strong,.donut span{display:block}.donut strong{font-size:25px}.donut span{color:#7a8699;font-size:9px}.result-list{flex:1}.result-list div{grid-template-columns:12px 1fr;column-gap:8px;margin-bottom:15px;display:grid}.result-list span{font-size:11px}.result-list strong{color:#7a8699;grid-column:2;margin-top:2px;font-size:10px}.dot{border-radius:50%;width:9px;height:9px;margin-top:3px}.green-dot{background:#42b883}.yellow-dot{background:#ffba37}.red-dot{background:#ef4444}.alert-box{background:#eff7ff;border:1px solid #d5e8ff;border-radius:7px;margin:0 18px 18px;padding:11px}.alert-box strong,.alert-box span{display:block}.alert-box strong{color:#1759a5;font-size:10px}.alert-box span{color:#60738d;margin-top:3px;font-size:9px}.chart{height:155px;padding:15px 20px 22px}.chart-line{color:#2563eb;border-bottom:1px solid #e9edf3;justify-content:space-around;align-items:flex-start;height:90px;padding-top:10px;font-size:10px;font-weight:700;display:flex}.chart-months{color:#7c8798;justify-content:space-around;padding-top:12px;font-size:9px;display:flex}.trend-value{color:#2563eb;font-size:19px}.schedule{padding:5px 18px 15px}.schedule-row{border-bottom:1px solid #eef1f5;align-items:center;gap:11px;padding:11px 0;display:flex}.schedule-row:last-child{border-bottom:0}.schedule-icon{background:#eef5ff;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.schedule-row div{flex:1}.schedule-row strong,.schedule-row span{display:block}.schedule-row strong{font-size:10px}.schedule-row div span{color:#7b8799;margin-top:3px;font-size:9px}.schedule-row b{color:#738096;background:#f3f5f8;border-radius:20px;padding:5px 7px;font-size:8px;font-weight:600}.status-green{color:#159767!important;background:#e6f8ef!important}.status-orange{color:#c17a00!important;background:#fff2dc!important}@media (width<=1100px){.sidebar{width:210px}.stats{grid-template-columns:repeat(2,1fr)}.content-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=700px){.sidebar{width:70px;padding:15px 8px}.brand div:not(.brand-icon),.user-info,.arrow,.menu-title,.menu-item span:last-child{display:none}.menu-item{justify-content:center}.main{padding:15px}.header{align-items:flex-start}.header h1{font-size:18px}.header-actions{display:none}.stats{grid-template-columns:1fr}.info-banner{align-items:flex-start}.guide-button{display:none}}.back-button{padding:9px 14px;font-size:11px}.form-section{margin-bottom:18px;padding:20px}.section-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.section-number{color:#2563eb;background:#eaf2ff;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:flex}.section-title h2{margin:0;font-size:15px}.section-title p{color:#7b8799;margin:4px 0 0;font-size:10px}.vehicle-info-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.form-field{margin-top:15px}.form-field label{color:#59677d;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.form-field input,.form-field textarea{border:1px solid #dfe5ed;border-radius:7px;outline:none;width:100%;padding:9px 11px;font-family:inherit;font-size:11px}.form-field input:disabled{color:#5d697c;background:#f6f8fb}.form-field textarea{resize:vertical}.checklist-group{border:1px solid #e7ebf2;border-radius:8px;margin-bottom:16px;overflow:hidden}.checklist-group h3{color:#334155;background:#f7f9fc;margin:0;padding:11px 14px;font-size:11px}.checklist-header,.checklist-row{grid-template-columns:1fr 90px 120px 100px;align-items:center;display:grid}.checklist-header{color:#7b8799;text-align:center;background:#fafbfd;border-top:1px solid #e7ebf2;border-bottom:1px solid #e7ebf2;padding:9px 13px;font-size:9px}.checklist-header span:first-child{text-align:left}.checklist-row{border-bottom:1px solid #eef1f5;padding:10px 13px;font-size:10px}.checklist-row:last-child{border-bottom:0}.checklist-row label{text-align:center}.checklist-row input{width:15px;height:15px}.result-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.result-option{text-align:left;background:#fff;border:1px solid #e1e6ee;border-radius:9px;align-items:flex-start;gap:11px;padding:15px;display:flex}.result-option>span{font-size:17px}.result-option strong,.result-option small{display:block}.result-option strong{font-size:11px}.result-option small{color:#7c8798;margin-top:4px;font-size:9px}.result-option.good>span{color:#18a56e}.result-option.warning>span{color:#e89a00}.result-option.danger>span{color:#ef4444}.result-option.selected{border-width:2px}.result-option.good.selected{background:#f1fbf6;border-color:#18a56e}.result-option.warning.selected{background:#fff9ec;border-color:#e89a00}.result-option.danger.selected{background:#fff4f4;border-color:#ef4444}.form-actions{justify-content:flex-end;gap:10px;padding-bottom:30px;display:flex}.save-button{padding:10px 17px;font-size:11px}.inspection-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%!important;margin-bottom:18px!important;display:grid!important}.inspection-stat{background:#fff!important;border:1px solid #e7ebf2!important;border-radius:11px!important;min-width:0!important;min-height:112px!important;padding:18px 20px!important;box-shadow:0 2px 8px #0f172a06!important}.inspection-stat span{color:#59677d!important;font-size:11px!important;line-height:1.3!important;display:block!important}.inspection-stat strong{color:#172033!important;margin:7px 0 3px!important;font-size:28px!important;font-weight:700!important;line-height:1!important;display:block!important}.inspection-stat small{color:#8a95a6!important;font-size:9px!important;display:block!important}.inspection-stat .text-green{color:#18a56e!important}.inspection-stat .text-orange{color:#dc8a00!important}.inspection-stat .text-blue{color:#2563eb!important}.inspection-panel{background:#fff!important;border:1px solid #e7ebf2!important;border-radius:11px!important;width:100%!important;overflow:hidden!important}.inspection-panel .panel-header{justify-content:space-between!important;align-items:center!important;padding:18px 20px 14px!important;display:flex!important}.inspection-panel .panel-header h2{color:#172033!important;margin:0!important;font-size:15px!important;font-weight:700!important}.inspection-panel .panel-header p{color:#7b8799!important;margin:4px 0 0!important;font-size:10px!important}.primary-button.large{color:#fff!important;background:#2563eb!important;border:0!important;border-radius:7px!important;padding:9px 15px!important;font-size:10px!important;font-weight:600!important}.primary-button.large:hover{background:#1d4ed8!important}.inspection-filter{align-items:center!important;gap:10px!important;width:100%!important;padding:5px 20px 15px!important;display:flex!important}.search-box{background:#fff!important;border:1px solid #dfe5ed!important;border-radius:7px!important;flex:1!important;align-items:center!important;gap:8px!important;max-width:none!important;height:35px!important;padding:0 10px!important;display:flex!important}.search-box input{color:#334155!important;background:0 0!important;border:0!important;outline:0!important;width:100%!important;font-size:10px!important}.search-box input::placeholder{color:#9aa4b3!important}.inspection-filter select{color:#526078!important;background:#fff!important;border:1px solid #dfe5ed!important;border-radius:7px!important;outline:none!important;width:145px!important;height:35px!important;padding:0 10px!important;font-size:10px!important}.inspection-panel .table-wrapper{width:100%!important;overflow-x:auto!important}.inspection-panel table{border-collapse:collapse!important;table-layout:auto!important;width:100%!important}.inspection-panel th{color:#66738a!important;white-space:nowrap!important;background:#f7f9fc!important;border-top:1px solid #eef1f5!important;border-bottom:1px solid #e7ebf2!important;height:38px!important;padding:9px 11px!important;font-size:9px!important;font-weight:600!important}.inspection-panel td{color:#4b5870!important;white-space:nowrap!important;border-bottom:1px solid #eef1f5!important;height:42px!important;padding:9px 11px!important;font-size:10px!important}.inspection-panel td strong{color:#26344b!important;font-weight:600!important}.inspection-panel .badge{white-space:nowrap!important;border-radius:20px!important;align-items:center!important;padding:5px 8px!important;font-size:8px!important;font-weight:600!important;display:inline-flex!important}.inspection-panel .badge.success{color:#169765!important;background:#e8f8f0!important}.inspection-panel .badge.warning{color:#c37b00!important;background:#fff3dc!important}.result-good{color:#18a56e!important;font-size:10px!important;font-weight:600!important}.result-warning{color:#d88900!important;font-size:10px!important;font-weight:600!important}.result-empty{color:#9aa4b3!important}.inspection-panel .primary-button{color:#fff!important;background:#2563eb!important;border:0!important;border-radius:5px!important;padding:6px 10px!important;font-size:9px!important;font-weight:600!important}.inspection-panel .outline-button{color:#42516a!important;background:#fff!important;border:1px solid #dbe2ec!important;border-radius:5px!important;padding:6px 10px!important;font-size:9px!important}.inspection-footer{color:#7c8798!important;border-top:1px solid #eef1f5!important;justify-content:space-between!important;align-items:center!important;padding:13px 20px!important;font-size:9px!important;display:flex!important}.pagination{align-items:center!important;gap:4px!important;display:flex!important}.pagination button{color:#526078!important;background:#fff!important;border:1px solid #dfe5ed!important;border-radius:5px!important;width:27px!important;height:27px!important;padding:0!important;font-size:10px!important}.pagination button.active-page{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important}.inspection-info{background:#edf6ff!important;border:1px solid #d5e8ff!important;border-radius:9px!important;align-items:flex-start!important;gap:12px!important;width:100%!important;margin-top:18px!important;margin-bottom:25px!important;padding:14px 17px!important;display:flex!important}.inspection-info .info-icon{color:#fff!important;background:#2563eb!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;font-size:12px!important;display:flex!important}.inspection-info strong{color:#1759a5!important;font-size:11px!important;display:block!important}.inspection-info p{color:#60738d!important;margin:4px 0 0!important;font-size:9px!important;line-height:1.5!important}@media (width<=1000px){.inspection-stats{grid-template-columns:repeat(2,1fr)!important}.inspection-filter{flex-wrap:wrap!important}.search-box{min-width:100%!important}}@media (width<=650px){.page-header{flex-direction:column!important;gap:12px!important}.page-period{width:100%!important}.inspection-stats{grid-template-columns:1fr!important}.inspection-filter select{flex:1!important;width:auto!important}}.full-field{grid-column:span 2}.required-mark{color:#ef4444;margin-left:3px}.checklist-item-name{align-items:center;gap:8px;display:flex}.not-filled{color:#c37b00;background:#fff3dc;border-radius:10px;padding:3px 6px;font-size:7px;font-weight:600;display:inline-block}.checklist-progress{background:#fff;border:1px solid #e7ebf2;border-radius:9px;margin:-5px 0 18px;padding:14px 18px}.checklist-progress>div:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.checklist-progress strong{color:#334155;font-size:10px}.checklist-progress span{color:#64748b;font-size:9px}.progress-bar{background:#edf1f6;border-radius:10px;width:100%;height:7px;overflow:hidden}.progress-bar>div{background:#2563eb;border-radius:10px;height:100%;transition:width .25s}.photo-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.photo-card{background:#fafbfd;border:1px dashed #cfd8e5;border-radius:9px;align-items:center;gap:12px;min-height:105px;padding:13px;display:flex}.photo-icon{background:#edf4ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.photo-content{min-width:0}.photo-content strong{color:#334155;margin-bottom:4px;font-size:10px;display:block}.photo-content>span{text-overflow:ellipsis;white-space:nowrap;color:#8a95a6;max-width:170px;margin-bottom:7px;font-size:8px;display:block;overflow:hidden}.upload-button{cursor:pointer;color:#2563eb;background:#fff;border:1px solid #dbe2ec;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:600;display:inline-block}.upload-button input{display:none}.auto-result{margin-bottom:14px}.result-pending,.result-final{border-radius:9px;align-items:center;gap:13px;padding:16px;display:flex}.result-pending{background:#f7f9fc;border:1px solid #e5e9ef}.result-pending>span{color:#778397;background:#e9edf3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex}.result-final{border:1px solid}.result-final.good{background:#effaf5;border-color:#c8eedc}.result-final.warning{background:#fff9ed;border-color:#f5dfad}.result-final.danger{background:#fff3f3;border-color:#f4caca}.result-symbol{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:19px;font-weight:700;display:flex}.result-final.good .result-symbol{background:#18a56e}.result-final.warning .result-symbol{background:#e89a00}.result-final.danger .result-symbol{background:#ef4444}.result-pending strong,.result-final strong{margin-bottom:4px;font-size:12px;display:block}.result-pending strong{color:#526078}.result-final.good strong{color:#16885d}.result-final.warning strong{color:#bd7800}.result-final.danger strong{color:#d93636}.result-pending small,.result-final small{color:#718096;font-size:9px;display:block}.result-summary{border:1px solid #e7ebf2;border-radius:8px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.result-summary>div{border-right:1px solid #e7ebf2;padding:11px 14px}.result-summary>div:last-child{border-right:0}.result-summary span{color:#7b8799;margin-bottom:4px;font-size:8px;display:block}.result-summary strong{font-size:18px}.green-number{color:#18a56e}.orange-number{color:#e89a00}.red-number{color:#ef4444}.gray-number{color:#8994a7}.form-actions{justify-content:flex-end;gap:10px;padding:0 0 30px;display:flex}.form-actions .outline-button{color:#526078;background:#fff;border:1px solid #dbe2ec;border-radius:7px;padding:10px 18px;font-size:10px}.save-button{border-radius:7px!important;padding:10px 18px!important;font-size:10px!important}@media (width<=1000px){.vehicle-info-grid,.photo-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.vehicle-info-grid{grid-template-columns:1fr}.full-field{grid-column:span 1}.photo-grid{grid-template-columns:1fr}.result-summary{grid-template-columns:repeat(2,1fr)}.result-summary>div:nth-child(2){border-right:0}}.history-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.history-summary>div{background:#fff;border:1px solid #e7ebf2;border-radius:11px;min-height:105px;padding:17px 19px}.history-summary span{color:#59677d;font-size:10px}.history-summary strong{margin:7px 0 3px;font-size:27px;display:block}.history-summary small{color:#8a95a6;font-size:9px}.text-red{color:#ef4444!important}.history-panel{overflow:hidden}.history-panel .panel-header{padding-bottom:15px}.history-panel table{min-width:950px}.history-result{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:600;display:inline-flex}.history-good{color:#16885d;background:#e9f8f1}.history-warning{color:#bd7800;background:#fff3dc}.history-danger{color:#d93636;background:#fff0f0}.empty-history{text-align:center;color:#8994a7!important;padding:35px!important}.history-detail-result{border:1px solid;border-radius:10px;align-items:center;gap:14px;margin-bottom:18px;padding:17px 20px;display:flex}.history-detail-result.history-good{background:#effaf5;border-color:#c8eedc}.history-detail-result.history-warning{background:#fff9ed;border-color:#f5dfad}.history-detail-result.history-danger{background:#fff3f3;border-color:#f4caca}.detail-result-icon{color:#fff;background:currentColor;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:18px;font-weight:700;display:flex}.history-detail-result.history-good .detail-result-icon{background:#18a56e}.history-detail-result.history-warning .detail-result-icon{background:#e89a00}.history-detail-result.history-danger .detail-result-icon{background:#ef4444}.history-detail-result small{letter-spacing:.4px;color:#7b8799;margin-bottom:4px;font-size:8px;display:block}.history-detail-result strong{font-size:16px;display:block}.history-detail-result.history-good strong{color:#16885d}.history-detail-result.history-warning strong{color:#bd7800}.history-detail-result.history-danger strong{color:#d93636}.history-detail-result span:last-child{color:#718096;margin-top:3px;font-size:9px;display:block}.history-detail-panel{margin-bottom:18px;padding:20px}.detail-panel-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.detail-panel-title h2{color:#172033;margin:0;font-size:14px}.detail-panel-title p{color:#7b8799;margin:4px 0 0;font-size:9px}.detail-info-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.detail-info-grid>div{background:#fafbfd;border:1px solid #e7ebf2;border-radius:7px;padding:12px 13px}.detail-info-grid span{color:#8994a7;margin-bottom:5px;font-size:8px;display:block}.detail-info-grid strong{color:#334155;font-size:10px;display:block}.detail-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.detail-summary{border:1px solid;border-radius:8px;padding:13px}.detail-summary span,.detail-summary small{display:block}.detail-summary span{font-size:9px}.detail-summary strong{margin:5px 0 2px;font-size:22px;display:block}.detail-summary small{color:#8994a7;font-size:8px}.detail-summary.good{background:#effaf5;border-color:#c8eedc}.detail-summary.warning{background:#fff9ed;border-color:#f5dfad}.detail-summary.danger{background:#fff3f3;border-color:#f4caca}.detail-summary.gray{background:#f7f9fc;border-color:#e2e7ee}.detail-summary.good strong{color:#18a56e}.detail-summary.warning strong{color:#e89a00}.detail-summary.danger strong{color:#ef4444}.detail-summary.gray strong{color:#8994a7}.detail-photo-grid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.detail-photo{background:#fafbfd;border:1px solid #e5e9ef;border-radius:8px;overflow:hidden}.detail-photo-placeholder{background:#eef3f9;justify-content:center;align-items:center;height:95px;font-size:25px;display:flex}.detail-photo strong{color:#334155;padding:8px 9px 2px;font-size:9px;display:block}.detail-photo span{color:#8994a7;white-space:nowrap;text-overflow:ellipsis;padding:0 9px 9px;font-size:7px;display:block;overflow:hidden}.history-note{color:#526078;background:#fafbfd;border:1px solid #e5e9ef;border-radius:8px;min-height:70px;padding:14px;font-size:10px;line-height:1.6}.detail-bottom-action{justify-content:flex-end;padding-bottom:30px;display:flex}@media (width<=1000px){.history-summary,.detail-info-grid{grid-template-columns:repeat(2,1fr)}.detail-photo-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=650px){.history-summary,.detail-info-grid{grid-template-columns:1fr}.detail-summary-grid{grid-template-columns:repeat(2,1fr)}.detail-photo-grid{grid-template-columns:1fr}}.kbm-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px;display:grid}.kbm-summary-card{background:#fff;border:1px solid #e7ebf2;border-radius:11px;padding:17px 19px}.kbm-summary-card span,.kbm-summary-card small{display:block}.kbm-summary-card span{color:#59677d;font-size:10px}.kbm-summary-card strong{color:#172033;margin:6px 0 3px;font-size:27px;display:block}.kbm-summary-card small{color:#8994a7;font-size:9px}.kbm-filter{grid-template-columns:1fr 180px 160px;gap:10px;margin-bottom:16px;display:grid}.kbm-filter select,.kbm-filter input{color:#334155;background:#fff;border:1px solid #dce3ed;border-radius:7px;outline:none;height:36px;font-size:9px}.kbm-filter select{padding:0 10px}.kbm-filter input{border:0;width:100%;height:auto;padding:0 8px}.kbm-filter .search-box{color:#8994a7;background:#fff;border:1px solid #dce3ed;border-radius:7px;align-items:center;gap:5px;height:36px;padding:0 10px;display:flex}.kbm-status{border-radius:20px;align-items:center;padding:5px 9px;font-size:8px;font-weight:600;display:inline-flex}.kbm-status.active{color:#16885d;background:#e9f8f1}.kbm-status.inactive{color:#778397;background:#f0f2f5}.kbm-actions{gap:5px;display:flex}.table-action{cursor:pointer;background:#fff;border:1px solid #dbe2ec;border-radius:5px;padding:5px 7px;font-size:8px}.table-action.edit{color:#2563eb}.table-action.status{color:#64748b}.modal-overlay{z-index:1000;background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:13px;width:min(680px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 25px 70px #0f172a33}.modal-header{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:flex-start;padding:21px 23px 17px;display:flex}.modal-header span{color:#2563eb;letter-spacing:.5px;font-size:8px;font-weight:700}.modal-header h2{color:#172033;margin:4px 0;font-size:16px}.modal-header p{color:#8994a7;margin:0;font-size:9px}.modal-close{color:#64748b;cursor:pointer;background:#f2f4f7;border:0;border-radius:6px;width:28px;height:28px;font-size:18px}.modal-form-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:20px 23px;display:grid}.modal-form-grid .form-field label{color:#526078;margin-bottom:6px;font-size:9px;font-weight:600;display:block}.modal-form-grid .form-field input,.modal-form-grid .form-field select{color:#334155;background:#fff;border:1px solid #dce3ed;border-radius:7px;outline:none;width:100%;height:38px;padding:0 10px;font-size:9px}.modal-form-grid .form-field input:focus,.modal-form-grid .form-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.modal-info{color:#526078;background:#eff6ff;border-radius:7px;gap:8px;margin:0 23px 18px;padding:11px 13px;font-size:8px;display:flex}.modal-info strong{color:#2563eb}.modal-actions{border-top:1px solid #edf0f5;justify-content:flex-end;gap:8px;padding:15px 23px 20px;display:flex}@media (width<=900px){.kbm-filter,.kbm-summary{grid-template-columns:1fr}}@media (width<=650px){.modal-form-grid{grid-template-columns:1fr}}.po-number{color:#2563eb;white-space:nowrap;font-weight:600}.kbm-panel{overflow:hidden}.kbm-panel .table-wrapper{overflow-x:auto}.kbm-panel table{min-width:1250px}.kbm-panel th,.kbm-panel td{white-space:nowrap}.inspection-period-panel{padding:20px 22px}.inspection-summary{gap:16px;margin-bottom:20px}.inspection-summary-card{min-height:92px;padding:18px 20px}.inspection-summary-value{font-size:24px}.inspection-list-panel{padding:20px}.inspection-list-header,.inspection-filter{margin-bottom:18px}.inspection-table thead th{height:42px;font-size:10px}.inspection-table tbody td{height:48px;font-size:10px}.inspection-status{min-height:24px;padding:4px 10px}.inspection-action{height:30px;padding:0 12px}.inspection-info{margin-top:16px;padding:13px 15px}.inspection-period-panel{box-sizing:border-box!important;width:100%!important;margin-bottom:18px!important;padding:18px 20px!important}.inspection-period-content{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:30px!important;width:100%!important;display:flex!important}.inspection-period-control{flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;width:auto!important;min-width:230px!important;display:flex!important}.inspection-period-control input[type=month]{box-sizing:border-box!important;width:130px!important;height:38px!important}.inspection-summary{box-sizing:border-box!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;width:100%!important;margin-bottom:18px!important;display:grid!important}.inspection-summary-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e4e9f0!important;border-radius:10px!important;width:100%!important;min-width:0!important;min-height:116px!important;padding:17px 18px!important;display:block!important;position:relative!important;overflow:hidden!important}.inspection-summary-label{margin:0!important;font-size:10px!important;line-height:1.3!important;display:block!important}.inspection-summary-value{margin-top:8px!important;font-size:27px!important;line-height:1!important;display:block!important}.inspection-summary-info{margin-top:8px!important;font-size:10px!important;display:block!important}.inspection-list-panel{box-sizing:border-box!important;width:100%!important;padding:18px 18px 14px!important;overflow:hidden!important}.inspection-list-header{flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;width:100%!important;margin-bottom:17px!important;display:flex!important}.inspection-filter{box-sizing:border-box!important;grid-template-columns:1.55fr 1fr 1fr 1fr!important;gap:9px!important;width:100%!important;margin-bottom:15px!important;display:grid!important}.inspection-filter input,.inspection-filter select{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:37px!important}.inspection-table-wrapper{box-sizing:border-box!important;width:100%!important;max-width:100%!important;display:block!important;overflow-x:auto!important}.inspection-table thead th{height:40px!important;padding:0 12px!important}.inspection-table tbody td{height:46px!important;padding:0 12px!important}.inspection-status{box-sizing:border-box!important;white-space:nowrap!important;border-radius:999px!important;align-items:center!important;gap:5px!important;min-height:25px!important;padding:4px 9px!important;display:inline-flex!important}.inspection-action{box-sizing:border-box!important;white-space:nowrap!important;justify-content:center!important;align-items:center!important;height:29px!important;padding:0 10px!important;display:inline-flex!important}.inspection-info{box-sizing:border-box!important;flex-direction:row!important;align-items:flex-start!important;gap:8px!important;width:100%!important;margin-top:13px!important;padding:11px 13px!important;display:flex!important}@media (width<=1100px){.inspection-summary,.inspection-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=700px){.inspection-period-content{flex-direction:column!important;align-items:stretch!important}.inspection-period-control{justify-content:flex-start!important;width:100%!important}.inspection-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.inspection-filter{grid-template-columns:1fr!important}}@media (width<=450px){.inspection-summary{grid-template-columns:1fr!important}}.inspection-period-panel{box-sizing:border-box!important;background:#fff!important;border:1px solid #e3e8f0!important;border-radius:10px!important;width:100%!important;margin-bottom:18px!important;padding:20px 22px!important;box-shadow:0 2px 8px #0f172a06!important}.inspection-period-content{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:30px!important;width:100%!important;min-height:48px!important;display:flex!important}.inspection-period-title{flex-direction:column!important;flex:1!important;gap:5px!important;display:flex!important}.inspection-period-title h3{color:#172033!important;margin:0!important;font-size:16px!important;font-weight:750!important;line-height:1.25!important}.inspection-period-title p{color:#7b8798!important;margin:0!important;font-size:11px!important}.inspection-period-control{flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;min-width:260px!important;display:flex!important}.inspection-period-control label{color:#64748b!important;margin:0!important;font-size:10px!important;font-weight:700!important}.inspection-period-control input[type=month]{box-sizing:border-box!important;color:#263449!important;cursor:pointer!important;background:#f8fafc!important;border:1px solid #cfd8e5!important;border-radius:8px!important;outline:none!important;width:155px!important;height:40px!important;padding:0 12px!important;font-family:inherit!important;font-size:11px!important;font-weight:700!important;transition:border-color .18s,background .18s,box-shadow .18s!important}.inspection-period-control input[type=month]:hover{background:#fff!important;border-color:#aebbd0!important}.inspection-period-control input[type=month]:focus{background:#fff!important;border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.inspection-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;width:100%!important;margin-bottom:18px!important;display:grid!important}.inspection-summary-card{box-sizing:border-box!important;background:#fff!important;border:1px solid #e4e9f0!important;border-radius:10px!important;width:100%!important;min-width:0!important;min-height:108px!important;padding:17px 19px!important;position:relative!important;overflow:hidden!important;box-shadow:0 2px 7px #0f172a06!important}.inspection-summary-card:after{background:#f5f8fd!important;width:90px!important;height:90px!important;bottom:-35px!important;right:-30px!important}.inspection-summary-label{color:#66748a!important;font-size:10px!important;font-weight:700!important}.inspection-summary-value{color:#172033!important;margin-top:7px!important;font-size:26px!important;font-weight:800!important;line-height:1!important}.inspection-summary-info{color:#8a96a8!important;margin-top:7px!important;font-size:9px!important}.inspection-list-panel{box-sizing:border-box!important;background:#fff!important;border:1px solid #e3e8f0!important;border-radius:10px!important;width:100%!important;padding:20px!important;box-shadow:0 2px 8px #0f172a06!important}.inspection-list-header{margin-bottom:17px!important}.inspection-list-title h3{color:#172033!important;font-size:16px!important;font-weight:750!important}.inspection-list-title p{color:#8994a5!important;margin-top:5px!important;font-size:10px!important}.inspection-filter{grid-template-columns:1.6fr 1fr 1fr 1fr!important;gap:9px!important;width:100%!important;margin-bottom:15px!important;display:grid!important}.inspection-filter input,.inspection-filter select{box-sizing:border-box!important;color:#475569!important;background:#fff!important;border:1px solid #d9e1eb!important;border-radius:7px!important;outline:none!important;width:100%!important;min-width:0!important;height:38px!important;padding:0 11px!important;font-family:inherit!important;font-size:10px!important}.inspection-filter input::placeholder{color:#9aa6b6!important}.inspection-filter input:focus,.inspection-filter select:focus{border-color:#5b9af5!important;box-shadow:0 0 0 3px #2563eb12!important}.inspection-table-wrapper{background:#fff!important;border:1px solid #e4e9f0!important;border-radius:8px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important}.inspection-table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;min-width:1120px!important}.inspection-table thead th{color:#64748b!important;text-transform:none!important;vertical-align:middle!important;background:#f7f9fc!important;border-bottom:1px solid #e2e8f0!important;height:42px!important;padding:0 12px!important;font-size:9px!important;font-weight:750!important}.inspection-table tbody td{color:#526075!important;vertical-align:middle!important;white-space:nowrap!important;border-bottom:1px solid #eef1f5!important;height:47px!important;padding:0 12px!important;font-size:10px!important}.inspection-table tbody tr:last-child td{border-bottom:0!important}.inspection-table tbody tr:hover{background:#f9fbff!important}.inspection-table tbody td strong{color:#263449!important;font-weight:750!important}.inspection-status{white-space:nowrap!important;border-radius:999px!important;align-items:center!important;gap:6px!important;min-height:25px!important;padding:4px 9px!important;font-size:9px!important;font-weight:700!important;display:inline-flex!important}.inspection-status.pending{color:#c2410c!important;background:#fff7ed!important;border:1px solid #fed7aa!important}.inspection-status.completed{color:#15803d!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important}.inspection-status-dot{background:currentColor!important;border-radius:50%!important;width:6px!important;height:6px!important}.inspection-action{box-sizing:border-box!important;color:#2563eb!important;white-space:nowrap!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;min-width:112px!important;height:31px!important;padding:0 12px!important;font-family:inherit!important;font-size:9px!important;font-weight:700!important;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s!important;display:inline-flex!important}.inspection-action:hover{color:#1d4ed8!important;background:#eff6ff!important;border-color:#93c5fd!important;transform:translateY(-1px)!important;box-shadow:0 3px 7px #2563eb1a!important}.inspection-action:active{transform:translateY(0)!important}.inspection-action.completed{color:#15803d!important;background:#f0fdf4!important;border-color:#bbf7d0!important}.inspection-action.completed:hover{color:#166534!important;background:#dcfce7!important;border-color:#86efac!important}.inspection-info{box-sizing:border-box!important;color:#526b8d!important;background:#f5f9ff!important;border:1px solid #dbeafe!important;border-radius:8px!important;align-items:flex-start!important;gap:9px!important;width:100%!important;margin-top:14px!important;padding:12px 14px!important;font-size:10px!important;line-height:1.55!important;display:flex!important}.inspection-info-icon{color:#2563eb!important;background:#dbeafe!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:18px!important;height:18px!important;margin-top:1px!important;font-size:9px!important;font-weight:800!important;display:flex!important}.inspection-info strong{color:#24548c!important}@media (width<=1100px){.inspection-summary,.inspection-filter{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=700px){.inspection-period-content{flex-direction:column!important;align-items:stretch!important}.inspection-period-control{justify-content:flex-start!important;width:100%!important}.inspection-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.inspection-filter{grid-template-columns:1fr!important}}@media (width<=450px){.inspection-summary{grid-template-columns:1fr!important}}.inspection-pagination{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-top:14px;padding:10px 2px 2px;display:flex}.inspection-pagination-info{color:#8994a5;white-space:nowrap;font-size:10px}.inspection-pagination-info strong{color:#526075;font-weight:700}.inspection-pagination-controls{align-items:center;gap:4px;display:flex}.inspection-page-button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dce3ec;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-family:inherit;font-size:10px;font-weight:650;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex}.inspection-page-button:hover:not(:disabled){color:#2563eb;background:#f5f9ff;border-color:#b9ccef}.inspection-page-button.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 5px #2563eb29}.inspection-page-button:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc}@media (width<=650px){.inspection-pagination{flex-direction:column;align-items:flex-start}.inspection-pagination-controls{justify-content:flex-end;width:100%}}.page-header{box-sizing:border-box!important;width:100%!important}.page-header .breadcrumb{color:#8b97a8!important;margin-bottom:8px!important;font-size:9px!important;font-weight:600!important}.back-button{color:#526075!important;cursor:pointer!important;background:#fff!important;border:1px solid #d7dee8!important;border-radius:7px!important;justify-content:center!important;align-items:center!important;min-width:82px!important;height:34px!important;padding:0 13px!important;font-size:10px!important;font-weight:700!important;transition:background .18s,border-color .18s,color .18s!important;display:inline-flex!important}.back-button:hover{color:#2563eb!important;background:#f7f9fc!important;border-color:#bfc9d8!important}.report-page{width:100%}.report-control-panel{box-sizing:border-box!important;background:#fff!important;border:1px solid #e3e8f0!important;border-radius:10px!important;justify-content:space-between!important;align-items:center!important;gap:30px!important;width:100%!important;margin-bottom:18px!important;padding:18px 20px!important;display:flex!important;box-shadow:0 2px 8px #0f172a06!important}.report-control-left{flex:1}.report-control-title{color:#172033;font-size:15px;font-weight:750}.report-control-subtitle{color:#8994a5;margin-top:5px;font-size:10px}.report-control-right{align-items:flex-end;gap:10px;display:flex}.report-control-field{flex-direction:column;gap:5px;display:flex}.report-control-field label{color:#64748b;font-size:9px;font-weight:700}.report-control-field input,.report-control-field select{box-sizing:border-box;color:#475569;background:#fff;border:1px solid #d7dee8;border-radius:7px;outline:none;width:145px;height:38px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:600}.report-control-field input[type=month]{width:150px}.report-control-field input:focus,.report-control-field select:focus{border-color:#7aa7e8;box-shadow:0 0 0 3px #2563eb12}.report-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;margin-bottom:18px;display:grid}.report-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e4e9f0;border-radius:10px;min-height:105px;padding:17px 19px;box-shadow:0 2px 7px #0f172a06}.report-summary-label{color:#66748a;font-size:10px;font-weight:700}.report-summary-value{color:#172033;margin-top:8px;font-size:26px;font-weight:800;line-height:1}.report-summary-value.success{color:#15803d}.report-summary-value.danger{color:#dc2626}.report-summary-value.primary{color:#2563eb}.report-summary-info{color:#8a96a8;margin-top:7px;font-size:9px}.report-result-panel,.report-branch-panel,.report-detail-panel{box-sizing:border-box!important;background:#fff!important;border:1px solid #e3e8f0!important;border-radius:10px!important;width:100%!important;margin-bottom:18px!important;padding:20px!important;box-shadow:0 2px 8px #0f172a06!important}.report-section-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.report-section-header h3{color:#172033;margin:0;font-size:15px;font-weight:750}.report-section-header p{color:#8994a5;margin:5px 0 0;font-size:10px}.report-section-period,.report-total-label{color:#64748b;font-size:10px;font-weight:700}.report-result-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.report-result-card{box-sizing:border-box;background:#fafbfd;border:1px solid #e5eaf1;border-radius:8px;align-items:center;gap:13px;min-height:82px;padding:13px 15px;display:flex}.report-result-number{color:#334155;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:19px;font-weight:800;display:flex}.report-result-card.good{background:#fbfefc;border-color:#d7eadc}.report-result-card.good .report-result-number{color:#15803d;background:#ecfdf3}.report-result-card.warning{background:#fffdf9;border-color:#f3dfbf}.report-result-card.warning .report-result-number{color:#c2410c;background:#fff7ed}.report-result-card.danger{background:snow;border-color:#f0d4d4}.report-result-card.danger .report-result-number{color:#dc2626;background:#fef2f2}.report-result-content{flex-direction:column;gap:4px;display:flex}.report-result-content strong{color:#263449;font-size:11px}.report-result-content span{color:#8994a5;font-size:9px}.report-table-wrapper{border:1px solid #e4e9f0;border-radius:8px;width:100%;overflow-x:auto}.report-table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.report-table thead th{color:#64748b;text-align:left;vertical-align:middle;background:#f7f9fc;border-bottom:1px solid #e2e8f0;height:40px;padding:0 12px;font-size:9px;font-weight:750}.report-table tbody td{color:#526075;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #eef1f5;height:45px;padding:0 12px;font-size:10px}.report-table tbody tr:last-child td{border-bottom:0}.report-table tbody tr:hover{background:#f9fbff}.report-table tbody td strong{color:#263449;font-weight:750}.report-status{border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-size:9px;font-weight:700;display:inline-flex}.report-status.completed{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.report-status.pending{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.report-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.report-result-badge{border-radius:999px;align-items:center;padding:4px 9px;font-size:9px;font-weight:700;display:inline-flex}.report-result-badge.good{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.report-result-badge.warning{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.report-result-badge.danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.report-compliance{border-radius:999px;justify-content:center;align-items:center;min-width:52px;padding:4px 8px;font-size:9px;font-weight:750;display:inline-flex}.report-compliance.good{color:#15803d;background:#f0fdf4}.report-compliance.warning{color:#c2410c;background:#fff7ed}.report-compliance.danger{color:#dc2626;background:#fef2f2}.report-number.success{color:#15803d;font-weight:750}.report-number.danger{color:#dc2626;font-weight:750}.report-muted{color:#a0aaba}.report-empty-cell{text-align:center!important;color:#94a3b8!important;height:100px!important}.report-info{box-sizing:border-box;color:#526b8d;background:#f5f9ff;border:1px solid #dbeafe;border-radius:8px;align-items:flex-start;gap:9px;width:100%;padding:12px 14px;font-size:10px;line-height:1.55;display:flex}.report-info-icon{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:flex}.report-info strong{color:#24548c;margin-right:4px}@media (width<=1050px){.report-control-panel{flex-direction:column;align-items:stretch}.report-control-right{justify-content:flex-start}.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.report-control-right{grid-template-columns:1fr 1fr;display:grid}.report-result-grid{grid-template-columns:1fr}}@media (width<=500px){.report-summary,.report-control-right{grid-template-columns:1fr}}.report-header-actions{justify-content:flex-end;align-items:center;display:flex}.report-export-button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #d5deea;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-family:inherit;font-size:10px;font-weight:750;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.report-export-button:hover{background:#f7faff;border-color:#9bbcf0;transform:translateY(-1px);box-shadow:0 3px 10px #2563eb14}.report-export-icon{color:#2563eb;background:#eff6ff;border-radius:5px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:flex}.report-pagination{justify-content:space-between;align-items:center;gap:15px;padding:13px 4px 2px;display:flex}.report-pagination-info{color:#8994a5;font-size:9px}.report-pagination-info strong{color:#526075;font-weight:750}.report-pagination-controls{align-items:center;gap:4px;display:flex}.report-pagination-controls button{color:#526075;cursor:pointer;background:#fff;border:1px solid #dce3ec;border-radius:6px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 7px;font-family:inherit;font-size:9px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.report-pagination-controls button:hover:not(:disabled){color:#2563eb;background:#f5f8fd;border-color:#b9c9df}.report-pagination-controls button.active{color:#fff;background:#2563eb;border-color:#2563eb}.report-pagination-controls button:disabled{opacity:.4;cursor:not-allowed}@media (width<=700px){.report-header-actions{justify-content:flex-start;width:100%}.report-export-button{width:100%}.report-pagination{flex-direction:column;align-items:stretch}.report-pagination-controls{justify-content:center}}.dashboard-page{flex-direction:column;gap:18px;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.dashboard-header h1{color:#172033;margin:8px 0 6px;font-size:28px;font-weight:800;line-height:1.15}.dashboard-header p{color:#667085;margin:0;font-size:13px}.dashboard-header-period{background:#fff;border:1px solid #e5eaf2;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;display:flex}.dashboard-header-period span{color:#667085;font-size:12px;font-weight:600}.dashboard-header-period input{color:#172033;background:0 0;border:0;outline:none;font-size:13px;font-weight:700}.dashboard-filter-panel{background:#fff;border:1px solid #e6eaf0;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;display:flex}.dashboard-filter-title{flex-direction:column;gap:5px;display:flex}.dashboard-filter-title strong{color:#172033;font-size:15px}.dashboard-filter-title span{color:#8a94a6;font-size:11px}.dashboard-filter-fields{gap:10px;display:flex}.dashboard-field{flex-direction:column;gap:5px;min-width:170px;display:flex}.dashboard-field label{color:#667085;font-size:10px;font-weight:700}.dashboard-field select{color:#344054;background:#fff;border:1px solid #dfe5ed;border-radius:8px;outline:none;height:36px;padding:0 12px;font-size:12px}.dashboard-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.dashboard-kpi-card{background:#fff;border:1px solid #e7ebf1;border-radius:12px;align-items:center;gap:14px;min-height:105px;padding:17px;display:flex}.dashboard-kpi-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:19px;font-weight:800;display:flex}.dashboard-kpi-icon.blue{color:#246bce;background:#edf4ff}.dashboard-kpi-icon.green{color:#12b76a;background:#ecfdf3}.dashboard-kpi-icon.orange{color:#f79009;background:#fff7ed}.dashboard-kpi-card>div:last-child{flex-direction:column;gap:3px;display:flex}.dashboard-kpi-card span{color:#667085;font-size:11px}.dashboard-kpi-card strong{color:#172033;font-size:24px;line-height:1}.dashboard-kpi-card small{color:#98a2b3;font-size:10px}.green-text{color:#12b76a!important}.orange-text{color:#f79009!important}.red-text{color:#f04438!important}.dashboard-compliance-circle{color:#2563eb;border:4px solid #dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:13px;font-weight:800;display:flex}.dashboard-panel{background:#fff;border:1px solid #e6eaf0;border-radius:12px;padding:18px}.dashboard-panel-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.dashboard-panel-header h2{color:#172033;margin:0 0 4px;font-size:15px}.dashboard-panel-header p{color:#8a94a6;margin:0;font-size:10px}.dashboard-panel-period{color:#667085;font-size:11px;font-weight:700}.dashboard-condition-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dashboard-condition-card{border:1px solid #e8edf3;border-radius:10px;align-items:center;gap:13px;padding:15px;display:flex}.dashboard-condition-card.good{background:#f8fffb;border-color:#d8f3e3}.dashboard-condition-card.warning{background:#fffaf5;border-color:#f9e4c7}.dashboard-condition-card.danger{background:#fff8f8;border-color:#f8d7da}.dashboard-condition-number{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:flex}.dashboard-condition-card.good .dashboard-condition-number{color:#12b76a}.dashboard-condition-card.warning .dashboard-condition-number{color:#f79009}.dashboard-condition-card.danger .dashboard-condition-number{color:#f04438}.dashboard-condition-card>div:last-child{flex-direction:column;gap:3px;display:flex}.dashboard-condition-card strong{color:#344054;font-size:12px}.dashboard-condition-card span{color:#98a2b3;font-size:10px}.dashboard-two-column{grid-template-columns:1fr 1fr;gap:18px;display:grid}.dashboard-area-list{flex-direction:column;gap:14px;display:flex}.dashboard-area-row{grid-template-columns:155px 1fr 45px;align-items:center;gap:12px;display:grid}.dashboard-area-info{flex-direction:column;gap:3px;display:flex}.dashboard-area-info strong{color:#344054;font-size:11px}.dashboard-area-info span{color:#98a2b3;font-size:9px}.dashboard-progress{background:#edf0f4;border-radius:99px;height:8px;overflow:hidden}.dashboard-progress-bar{background:#2563eb;border-radius:99px;min-width:2px;height:100%}.dashboard-area-row>strong{text-align:right;font-size:11px}.dashboard-branch-list{flex-direction:column;display:flex}.dashboard-branch-row{border-bottom:1px solid #f0f2f5;align-items:center;gap:11px;padding:11px 0;display:flex}.dashboard-branch-row:last-child{border-bottom:0}.dashboard-rank{color:#667085;background:#f2f4f7;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:flex}.dashboard-branch-info{flex-direction:column;flex:1;gap:3px;display:flex}.dashboard-branch-info strong{color:#344054;font-size:11px}.dashboard-branch-info span{color:#98a2b3;font-size:9px}.dashboard-compliance-badge{text-align:center;border-radius:99px;min-width:48px;padding:5px 8px;font-size:10px;font-weight:800}.dashboard-compliance-badge.good{color:#027a48;background:#ecfdf3}.dashboard-compliance-badge.warning{color:#b54708;background:#fff7ed}.dashboard-compliance-badge.danger{color:#b42318;background:#fef3f2}.dashboard-attention-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.dashboard-attention-card{background:#fff;border:1px solid #e8edf3;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;display:flex}.dashboard-attention-card.warning{background:#fffaf5;border-color:#f9e4c7}.dashboard-attention-card.danger{background:#fff8f8;border-color:#f8d7da}.dashboard-attention-card.repair{background:#fffbf5;border-color:#f9e6bd}.dashboard-attention-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-weight:800;display:flex}.dashboard-attention-card.warning .dashboard-attention-icon{color:#f79009}.dashboard-attention-card.danger .dashboard-attention-icon{color:#f04438}.dashboard-attention-card.repair .dashboard-attention-icon{color:#dc6803}.dashboard-attention-card>div:last-child{flex-direction:column;gap:4px;display:flex}.dashboard-attention-card strong{color:#344054;font-size:11px}.dashboard-attention-card span{color:#667085;font-size:9px;line-height:1.5}.dashboard-info{background:#eff8ff;border:1px solid #d1e9ff;border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.dashboard-info-icon{color:#175cd3;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.dashboard-info>div:last-child{flex-direction:column;gap:3px;display:flex}.dashboard-info strong{color:#175cd3;font-size:10px}.dashboard-info span{color:#344054;font-size:9px;line-height:1.5}.dashboard-empty{text-align:center;color:#98a2b3;padding:30px 10px;font-size:11px}@media (width<=1100px){.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-two-column,.dashboard-attention-grid{grid-template-columns:1fr}}@media (width<=750px){.dashboard-header,.dashboard-filter-panel{flex-direction:column;align-items:stretch}.dashboard-filter-fields{flex-direction:column}.dashboard-kpi-grid,.dashboard-condition-grid{grid-template-columns:1fr}.dashboard-area-row{grid-template-columns:120px 1fr 42px}}.page-header{box-sizing:border-box!important;justify-content:space-between!important;align-items:flex-start!important;gap:24px!important;width:100%!important;margin:0 0 22px!important;display:flex!important}.page-header>div:first-child{flex:auto!important;min-width:0!important}.page-header .breadcrumb{color:#8b97a8!important;margin:0 0 8px!important;font-size:10px!important;font-weight:600!important;line-height:1.3!important}.page-header h1{color:#172033!important;margin:0!important;font-size:26px!important;font-weight:800!important;line-height:1.2!important}.page-header p{color:#68768a!important;margin:7px 0 0!important;font-size:12px!important;line-height:1.5!important}.page-period{box-sizing:border-box!important;background:#fff!important;border:1px solid #e3e8f0!important;border-radius:9px!important;flex:none!important;align-items:center!important;gap:11px!important;min-width:190px!important;margin:0!important;padding:10px 14px!important;display:flex!important;box-shadow:0 2px 8px #0f172a08!important}.page-period>span{flex:none!important;justify-content:center!important;align-items:center!important;width:22px!important;height:22px!important;font-size:16px!important;line-height:1!important;display:flex!important}.page-period>div{flex-direction:column!important;gap:3px!important;min-width:0!important;display:flex!important}.page-period small{color:#7b8799!important;margin:0!important;font-size:9px!important;line-height:1.2!important;display:block!important}.page-period strong{color:#172033!important;white-space:nowrap!important;margin:0!important;font-size:12px!important;font-weight:700!important;line-height:1.25!important;display:block!important}.history-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%!important;margin:0 0 18px!important;display:grid!important}.history-summary>div{box-sizing:border-box!important;background:#fff!important;border:1px solid #e7ebf2!important;border-radius:11px!important;min-width:0!important;min-height:105px!important;padding:17px 19px!important}.history-summary span,.history-summary small{display:block!important}.history-summary span{color:#59677d!important;margin:0!important;font-size:10px!important;line-height:1.35!important}.history-summary strong{color:#172033!important;margin:7px 0 3px!important;font-size:27px!important;line-height:1!important;display:block!important}.history-summary small{color:#8a95a6!important;margin:0!important;font-size:9px!important;line-height:1.3!important}@media (width<=1000px){.history-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=650px){.page-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.page-period{width:100%!important;min-width:0!important}.history-summary{grid-template-columns:1fr!important}}.sidebar-brand{box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:8px 10px 14px;display:flex}.sidebar-brand-logo{object-fit:contain;width:185px;max-width:100%;height:auto;display:block}.garda-login-shell{background:#fff;width:100%;min-height:100svh;font-family:Inter,Arial,sans-serif;display:flex;overflow:hidden}.garda-visual-panel{background-image:url(/garda-kbm-wallpaper.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex:0 0 53%;min-height:100vh;position:relative;overflow:hidden}.garda-visual-overlay{background:linear-gradient(90deg,#05193705,#0000 75%,#0519370d);position:absolute;inset:0}.garda-login-panel{background:radial-gradient(circle at 100% 0,#dce5f480,#0000 35%),linear-gradient(145deg,#fff,#f9fbff);flex:1;justify-content:center;align-items:center;min-width:0;min-height:100vh;padding:40px 55px;display:flex;position:relative;overflow-y:auto}.garda-login-panel:before{content:"";background:#dce4f1;width:180px;height:8px;position:absolute;top:0;right:0;transform:skew(-40deg)translate(30px)}.garda-login-panel:after{content:"";background:#e21c2a;width:200px;height:9px;position:absolute;bottom:0;right:0;transform:skew(-40deg)translate(35px)}.garda-login-content{z-index:1;text-align:center;width:100%;max-width:510px;margin:auto;position:relative}.garda-brand-mark{background:linear-gradient(145deg,#123e75,#061a3b);border-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:116px;height:100px;margin:0 auto 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #071d412e,inset 0 1px 2px #ffffff40}.garda-brand-arc{border-top:5px solid #ef1d2a;border-radius:90% 90% 0 0;width:88px;height:38px;position:absolute;top:13px;left:13px;transform:rotate(-12deg)}.garda-mark-title{color:#fff;letter-spacing:-1px;margin-top:13px;font-size:25px;font-style:italic;font-weight:900;position:relative}.garda-mark-kbm{color:#fff;background:#e51c2a;padding:3px 12px;font-size:20px;font-style:italic;font-weight:900;transform:skew(-9deg)}.garda-heading h1{color:#10294e;letter-spacing:-1.7px;margin:0;font-size:clamp(30px,3vw,43px);font-style:italic;font-weight:900;line-height:1.15}.garda-heading h2{color:#526078;margin:5px 0 0;font-size:clamp(16px,1.5vw,21px);font-weight:700}.garda-heading p{color:#10294e;margin:8px 0 0;font-size:clamp(13px,1.2vw,16px);font-style:italic;font-weight:800}.garda-company{justify-content:center;align-items:center;gap:22px;margin:20px 0 26px;display:flex}.garda-company span{background:#10294e;width:65px;height:2px}.garda-company strong{color:#e21c2a;font-size:19px;font-weight:800}.garda-form{text-align:left;width:100%}.garda-field label{color:#10294e;align-items:center;gap:10px;margin-bottom:9px;font-size:15px;font-weight:750;display:flex}.garda-field label svg{fill:none;stroke:#10294e;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.garda-field input{color:#10294e;background:#fffffff2;border:1.5px solid #c5cede;border-radius:14px;outline:none;width:100%;height:54px;padding:0 17px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s;display:block}.garda-field input::placeholder{color:#9aa4b6}.garda-field input:focus{border-color:#1d5c9c;box-shadow:0 0 0 4px #1d5c9c1a}.garda-field input:disabled{background:#f1f4f8}.garda-password-wrap{position:relative}.garda-password-wrap input{padding-right:55px}.garda-toggle-password{color:#64748b;background:0 0;border:0;justify-content:center;align-items:center;width:30px;height:30px;padding:4px;display:flex;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.garda-toggle-password svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.garda-error{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:9px;margin:0 0 18px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.garda-error span{color:#fff;text-align:center;background:#dc2626;border-radius:50%;flex-shrink:0;width:18px;height:18px;font-weight:800}.garda-submit{color:#fff;background:linear-gradient(100deg,#ec101b,#d9000b);border:none;border-radius:13px;justify-content:center;align-items:center;gap:13px;width:100%;height:59px;font-family:inherit;font-size:23px;font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 7px 18px #dc14232b}.garda-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #dc142340}.garda-submit:disabled{opacity:.7;cursor:wait}.garda-submit svg{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:29px;height:29px}.garda-spinner{border:3px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite garda-spin}@keyframes garda-spin{to{transform:rotate(360deg)}}.garda-dashboard-label{color:#405b82;text-underline-offset:3px;justify-content:center;align-items:center;gap:11px;margin-top:27px;font-size:14px;font-weight:650;text-decoration:underline;display:flex}.garda-dashboard-label svg{fill:none;stroke:#405b82;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.garda-footer{color:#8792a5;justify-content:center;gap:8px;margin-top:32px;font-size:10px;font-weight:600;display:flex}@media (width<=1100px){.garda-visual-panel{flex-basis:48%}.garda-login-panel{padding:35px 30px}.garda-heading h1{font-size:32px}.garda-company{gap:12px}.garda-company span{width:35px}}@media (width<=760px){.garda-login-shell{flex-direction:column;min-height:100svh;overflow:visible}.garda-visual-panel{background-position:50% 72%;flex:none;width:100%;height:260px;min-height:260px}.garda-login-panel{flex:1;min-height:auto;padding:35px 23px 28px;overflow:visible}.garda-login-content{max-width:460px}.garda-brand-mark{border-radius:17px;width:83px;height:73px;margin-bottom:10px}.garda-brand-arc{border-top-width:4px;width:65px;height:27px;top:9px;left:9px}.garda-mark-title{margin-top:10px;font-size:19px}.garda-mark-kbm{padding:2px 8px;font-size:15px}.garda-heading h1{font-size:30px}.garda-heading h2{font-size:15px}.garda-heading p{font-size:12px}.garda-company{margin:17px 0 23px}.garda-company strong{font-size:16px}.garda-field{margin-bottom:18px}.garda-field input{height:51px;font-size:14px}.garda-submit{height:54px;font-size:20px}.garda-footer{margin-top:25px}}@media (width<=380px){.garda-visual-panel{height:210px;min-height:210px}.garda-login-panel{padding-left:18px;padding-right:18px}.garda-heading h1{font-size:27px}}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}.garda-login-shell{width:100%;overflow:hidden}.garda-login-panel{padding:35px 45px;overflow-x:clip}.garda-login-content{max-width:560px}.garda-brand-mark{width:125px;height:108px;margin-bottom:15px}.garda-heading h1{font-size:43px}.garda-heading h2{font-size:21px}.garda-submit{height:64px;font-size:24px}@media (width<=1100px){.garda-login-panel{padding:30px 25px}.garda-heading h1{font-size:32px}}.garda-logo-only{justify-content:center;align-items:center;width:100%;margin:0 auto 38px;display:flex}.garda-real-logo{object-fit:contain;filter:drop-shadow(0 8px 14px #09234b1f);width:215px;height:195px;display:block}.garda-form{text-align:left;width:100%;max-width:560px;margin:0 auto}.garda-field{margin-bottom:23px}.garda-field input{height:60px;font-size:16px}.garda-submit{border-radius:15px;height:65px;font-size:25px}.garda-dashboard-label{margin-top:28px}@media (width<=760px){.garda-logo-only{margin-bottom:25px}.garda-real-logo{width:155px;height:140px}.garda-field input{height:53px}.garda-submit{height:56px;font-size:21px}}