:root{--invicta-primary: #28a745;--invicta-primary-dark: #218838;--invicta-secondary: #ffc107;--invicta-danger: #dc3545;--invicta-warning: #fd7e14;--invicta-info: #17a2b8;--invicta-purple: #6f42c1;--bs-body-bg: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bs-body-bg);min-height:100vh;padding-bottom:70px;color:#333;font-size:14px;line-height:1.5}body.login-page{padding-bottom:0;background:linear-gradient(135deg,#28a745,#218838);display:flex;align-items:center;justify-content:center}a{text-decoration:none;color:inherit}.mobile-header{background:linear-gradient(135deg,var(--invicta-primary) 0%,var(--invicta-primary-dark) 100%);padding:25px 20px 20px;color:#fff}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;justify-content:space-around;align-items:center;padding:10px 0;box-shadow:0 -2px 10px #0000001a;z-index:1000}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;color:#6c757d;padding:8px 15px;border-radius:12px;transition:all .2s ease;position:relative}.bottom-nav-item:hover,.bottom-nav-item.active{color:var(--invicta-primary);background:#28a7451a}.bottom-nav-item[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:5px 10px;border-radius:6px;font-size:11px;white-space:nowrap;margin-bottom:5px}.bottom-nav-item[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333;margin-bottom:-5px}.mobile-content{padding:20px}.card-5r{background:#fff;border-radius:16px;border:none;box-shadow:0 2px 8px #0000000d;margin-bottom:15px}.card-5r .card-body{padding:15px}.score-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--invicta-primary) 0%,var(--invicta-primary-dark) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.score-value{font-size:36px;font-weight:700;line-height:1}.score-label{font-size:12px;opacity:.9}.zona-badge{display:inline-flex;align-items:center;gap:5px;padding:8px 15px;border-radius:20px;font-size:13px;font-weight:500}.zona-hijau{background:#28a74526;color:#28a745}.zona-kuning{background:#ffc10726;color:#d39e00}.zona-merah{background:#dc354526;color:#dc3545}.btn{padding:10px 20px;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none}.btn-5r{background:linear-gradient(135deg,var(--invicta-primary) 0%,var(--invicta-primary-dark) 100%);color:#fff;padding:14px 20px;border-radius:12px;font-weight:600}.btn-5r:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.btn-success{background:var(--invicta-primary);color:#fff}.btn-outline-success{background:transparent;border:1px solid var(--invicta-primary);color:var(--invicta-primary)}.btn-outline-success:hover{background:var(--invicta-primary);color:#fff}.btn-outline-secondary{background:transparent;border:1px solid #6c757d;color:#6c757d}.btn-outline-primary{background:transparent;border:1px solid #0d6efd;color:#0d6efd}.btn-outline-light{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.form-control-mobile{border-radius:12px;padding:14px 15px;border:1px solid #e0e0e0;font-size:15px;width:100%;background:#fff}.form-control-mobile:focus{outline:none;border-color:var(--invicta-primary);box-shadow:0 0 0 3px #28a74526}.form-label{font-weight:500;color:#495057;margin-bottom:8px;display:block}.form-select{border-radius:12px;padding:14px 15px;border:1px solid #e0e0e0;font-size:15px;width:100%;background:#fff}.form-check{display:flex;align-items:center;gap:10px;padding:8px 0}.form-check-input{width:20px;height:20px;accent-color:var(--invicta-primary)}.upload-area{border:2px dashed #e0e0e0;border-radius:16px;padding:30px;text-align:center;cursor:pointer;transition:all .2s ease}.upload-area:hover{border-color:var(--invicta-primary);background:#28a7450d}.notification-item{display:flex;gap:12px;padding:15px;background:#fff;border-radius:12px;margin-bottom:10px;align-items:flex-start}.menu-item{display:flex;align-items:center;gap:15px;padding:15px;background:#fff;border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all .2s ease}.menu-item:hover{transform:translate(5px);box-shadow:0 2px 8px #0000001a}.menu-item .menu-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.menu-item .menu-content{flex:1}.menu-item .menu-content h6{margin:0 0 3px;font-weight:600}.menu-item .menu-content p{margin:0;font-size:12px;color:#6c757d}.progress{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar{height:100%;border-radius:4px}.progress-bar.bg-success{background:var(--invicta-primary)}.progress-bar.bg-warning{background:var(--invicta-warning)}.progress-bar.bg-danger{background:var(--invicta-danger)}.badge{padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500}.badge.bg-success{background:var(--invicta-primary);color:#fff}.badge.bg-warning{background:var(--invicta-secondary);color:#333}.badge.bg-danger{background:var(--invicta-danger);color:#fff}.badge.bg-light{background:#f8f9fa;color:#333}.rounded-pill{border-radius:50px}.text-center{text-align:center}.text-end{text-align:right}.text-white{color:#fff}.text-muted{color:#6c757d}.text-success{color:var(--invicta-primary)}.text-warning{color:var(--invicta-warning)}.text-danger{color:var(--invicta-danger)}.text-primary{color:#0d6efd}.fw-bold{font-weight:700}.fw-semibold{font-weight:600}.small{font-size:12px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:5px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:15px}.mb-4{margin-bottom:20px}.mb-5{margin-bottom:30px}.mt-2{margin-top:10px}.mt-3{margin-top:15px}.mt-4{margin-top:20px}.mt-5{margin-top:30px}.me-2{margin-right:10px}.me-3{margin-right:15px}.py-3{padding-top:15px;padding-bottom:15px}.py-4{padding-top:20px;padding-bottom:20px}.px-3{padding-left:15px;padding-right:15px}.p-2{padding:10px}.p-3{padding:15px}.p-4{padding:20px}.w-100{width:100%}.d-flex{display:flex}.d-block{display:block}.d-inline-flex{display:inline-flex}.flex-column{flex-direction:column}.flex-grow-1{flex-grow:1}.flex-shrink-0{flex-shrink:0}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.gap-1{gap:5px}.gap-2{gap:10px}.gap-3{gap:15px}.gap-4{gap:20px}.rounded{border-radius:8px}.rounded-3{border-radius:12px}.rounded-circle{border-radius:50%}.bg-success{background-color:var(--invicta-primary)}.bg-warning{background-color:var(--invicta-secondary)}.bg-danger{background-color:var(--invicta-danger)}.bg-light{background-color:#f8f9fa}.bg-white{background-color:#fff}.bg-opacity-10{opacity:.1;background-color:currentColor}.bg-opacity-25{background-color:#ffffff40}.position-relative{position:relative}.position-absolute{position:absolute}.overflow-auto{overflow:auto}.opacity-75{opacity:.75}.row{display:flex;flex-wrap:wrap;margin:-5px}.col-6{width:50%;padding:5px;box-sizing:border-box}.col-4{width:33.333%;padding:5px;box-sizing:border-box}.row.g-2{margin:0;gap:10px}.row.g-2>.col-6{width:calc(50% - 5px);padding:0}.row.g-2>.col-4{width:calc(33.333% - 7px);padding:0}.row.g-2>[class^=col-]>.card-5r{margin-bottom:0}.card{background:#fff;border-radius:12px;border:none}.card-body{padding:15px}.login-container{width:100%;max-width:400px;padding:20px}.login-card{background:#fff;border-radius:20px;padding:40px 30px;box-shadow:0 10px 40px #0003}.logo-container{text-align:center;margin-bottom:30px}.logo-container img{width:120px;height:auto}.app-title{color:#28a745;font-weight:700;font-size:28px;margin-top:5px;margin-bottom:0}.app-subtitle{color:#6c757d;font-size:14px;margin-bottom:15px}.hospital-badge{background:#28a7451a;color:#28a745;padding:8px 15px;border-radius:20px;font-size:12px;display:inline-flex;align-items:center;gap:6px;margin-bottom:20px}.input-group{display:flex}.input-group-text{background:transparent;border:1px solid #e0e0e0;border-right:none;border-radius:12px 0 0 12px;padding:14px 15px;display:flex;align-items:center}.input-group .form-control{border-left:none;border-radius:0 12px 12px 0}.input-group:focus-within .input-group-text{border-color:var(--invicta-primary)}.btn-login{background:linear-gradient(135deg,var(--invicta-primary) 0%,#218838 100%);border:none;border-radius:12px;padding:14px;font-weight:600;width:100%;color:#fff;font-size:16px;margin-top:10px;cursor:pointer}.btn-login:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-1px)}.info-5r{background:#f8f9fa;border-radius:12px;padding:15px;margin-top:20px}.info-5r h6{font-size:12px;color:#28a745;margin-bottom:8px;font-weight:600;display:flex;align-items:center;gap:8px}.info-5r p{font-size:11px;color:#6c757d;margin-bottom:0;line-height:1.5}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#28a745f2;display:none;align-items:center;justify-content:center;z-index:9999}.loading-overlay.show{display:flex}.loading-content{text-align:center}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.form-control{border-radius:12px;padding:14px 15px;border:1px solid #e0e0e0;font-size:15px;width:100%}.form-control:focus{outline:none;border-color:var(--invicta-primary);box-shadow:0 0 0 3px #28a74526}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--invicta-primary) 0%,var(--invicta-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 15px}hr{border:none;border-top:1px solid #e0e0e0;margin:20px 0}textarea.form-control-mobile{resize:vertical;min-height:80px}.filter-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.filter-scroll::-webkit-scrollbar{display:none}