:root{--vr-blue:#1d9bd7;--vr-light:#eaf7ff;--vr-dark:#144766;--vr-border:#cfeeff}body{background:#f5fbff;color:#263238}.brand-dot{display:inline-block;width:14px;height:14px;background:var(--vr-blue);border-radius:50%;margin-right:7px}.app-wrapper{display:flex;margin-top:58px}.sidebar{width:250px;position:fixed;top:58px;bottom:0;background:#fff;border-right:1px solid var(--vr-border);overflow:auto}.main-content{margin-left:250px;padding:24px;width:100%}.side-link{display:block;padding:11px 14px;margin:4px 0;border-radius:10px;color:#24556e;text-decoration:none}.side-link:hover,.side-link.active{background:var(--vr-light);color:#0b82bd}.card{border:1px solid var(--vr-border);border-radius:16px;box-shadow:0 6px 20px rgba(29,155,215,.06)}.btn-primary{background:var(--vr-blue);border-color:var(--vr-blue)}.page-title{font-weight:700;color:var(--vr-dark);margin-bottom:18px}.stat-card{background:linear-gradient(135deg,#fff,#eef9ff)}.form-control,.form-select{border-radius:10px}.table{background:#fff}.badge-soft{background:var(--vr-light);color:#0b82bd}.rating-select{max-width:130px}.kra-card{border-left:4px solid var(--vr-blue)}textarea{white-space:pre-wrap}@media(max-width:991px){.sidebar{position:static;width:100%;height:auto}.app-wrapper{display:block}.main-content{margin-left:0;padding:16px}.side-link{display:inline-block}.navbar{position:static}.app-wrapper{margin-top:0}}